解决Angular2 router.navigate刷新页面的问题


Posted in Javascript onAugust 31, 2018

造成这个问题一般是因为我们在<form>表单中使用<button>时忘记添加type属性,在表单中,如果忘记给按钮添加属性,会默认为submit,如果在子元素中会向上冒泡触发submit

<button (click)="toDetail()">detail</button>
toDetail() {
 this._router.navigate(['/detail']);
}

解决方法:

1.添加type

<button type="button" (click)="toDetail()">detail</button>

2.click添加false

<button (click)="toDetail();false">detail</button>

3.函数返回false

toDetail:boolean(){
 return false;
}

以上这篇解决Angular2 router.navigate刷新页面的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
js获取当前路径的简单示例代码
Jan 08 Javascript
js分页代码分享
Apr 28 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
jQuery实现html表格动态添加新行的方法
May 28 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
jQuery实现获取h1-h6标题元素值的方法
Mar 06 Javascript
基于复选框demo(分享)
Sep 27 Javascript
JavaScript实现简单的文本逐字打印效果示例
Apr 12 Javascript
vue.js使用3DES加密的方法示例
May 18 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
javascript实现移动端红包雨页面
Jun 23 Javascript
浅谈angularJS2中的界面跳转方法
Aug 31 #Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
Aug 31 #Javascript
Angular2之二级路由详解
Aug 31 #Javascript
基于jQuery ztree实现表格风格的树状结构
Aug 31 #jQuery
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
Aug 31 #Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
Aug 31 #Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
Aug 31 #Javascript
You might like
php数组中包含中文的排序方法
2014/06/03 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
php简单操作mysql数据库的类
2015/04/16 PHP
功能强大的PHP图片处理类(水印、透明度、旋转)
2015/10/21 PHP
php实现留言板功能
2017/03/05 PHP
用Javascript实现UTF8编码转换成gb2312编码
2006/12/22 Javascript
文本链接逐个出现的js脚本
2007/12/12 Javascript
juqery 学习之六 CSS--css、位置、宽高
2011/02/11 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
2013/10/24 Javascript
jQuery中:nth-child选择器用法实例
2014/12/31 Javascript
JavaScript获取网页表单提交方式的方法
2015/04/02 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
jQuery实现的调整表格行tr上下顺序
2016/01/10 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
基于JavaScript实现添加到购物车效果附源码下载
2016/08/22 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
2017/07/11 Javascript
纯javascript前端实现base64图片下载(兼容IE10+)
2018/09/14 Javascript
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
浅谈Python NLP入门教程
2017/12/25 Python
Python实现京东秒杀功能代码
2019/05/16 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
Python pandas实现excel工作表合并功能详解
2019/08/29 Python
Python序列化pickle模块使用详解
2020/03/05 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
PyQT5速成教程之Qt Designer介绍与入门
2020/11/02 Python
玩具反斗城西班牙网上商城:ToysRUs西班牙
2017/01/19 全球购物
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
IBatis持久层技术
2016/07/18 面试题
技术总监管理岗位职责
2014/03/09 职场文书
百货商场楼层班组长竞聘书
2014/03/31 职场文书
孝敬父母的演讲稿
2014/05/14 职场文书
义和团口号
2014/06/17 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
css3中transform属性实现的4种功能
2021/08/07 HTML / CSS