解决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 相关文章推荐
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
Sep 15 Javascript
jQuery中delegate与on的用法与区别示例介绍
Dec 20 Javascript
js获取 type=radio 值的方法
May 09 Javascript
jQuery ajax调用WCF服务实例
Jul 16 Javascript
javascript从定义到执行 你不知道的那些事
Jan 04 Javascript
js原型链与继承解析(初体验)
May 09 Javascript
JavaScript设计模式之单例模式简单实例教程
Jul 02 Javascript
vue 之 css module的使用方法
Dec 04 Javascript
判断js数据类型的函数实例详解
May 23 Javascript
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
Aug 01 Javascript
纯JS实现五子棋游戏
May 28 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获得用户使用的代理服务器ip即真实ip
2006/12/31 PHP
php htmlspecialchars加强版
2010/02/16 PHP
PHP把数字转成人民币大写的函数分享
2014/06/30 PHP
dedecms集成财付通支付接口
2014/12/28 PHP
PHP四舍五入、取整、round函数使用示例
2015/02/06 PHP
PHP判断浏览器、判断语言代码分享
2015/03/05 PHP
通过Email发送PHP错误的方法
2015/07/20 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
判断用户是否在线的代码
2011/03/05 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
2016/01/26 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
dul无法加载bootstrap实现unload table/user恢复
2016/09/29 Javascript
JavaScript中apply方法的应用技巧小结
2016/09/29 Javascript
AngularJS辅助库browserTrigger用法示例
2016/11/03 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
2016/11/05 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
jQuery 添加元素和删除元素的方法
2020/07/15 jQuery
通过实例了解Nodejs模块系统及require机制
2020/07/16 NodeJs
vue实现滚动鼠标滚轮切换页面
2020/12/13 Vue.js
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
[44:50]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 TNC vs VG
2018/04/02 DOTA
[01:00:49]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第二场 1月31日
2021/03/11 DOTA
详解Python中with语句的用法
2015/04/15 Python
简单介绍Python的Tornado框架中的协程异步实现原理
2015/04/23 Python
python处理html转义字符的方法详解
2016/07/01 Python
Python实现字符串匹配算法代码示例
2017/12/05 Python
python中sys.argv函数精简概括
2018/07/08 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
使用Pytorch搭建模型的步骤
2020/11/16 Python
python 基于pygame实现俄罗斯方块
2021/03/02 Python
澳大利亚潮流尖端的快时尚品牌:Cotton On
2016/09/26 全球购物
Ajxa常见问题都有哪些
2014/03/26 面试题
单方离婚协议书范本2014
2014/10/28 职场文书
商业计划书如何写?关键问题有哪些?
2019/07/11 职场文书
中学生打架检讨书之500字
2019/08/06 职场文书