解决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 相关文章推荐
基于jQuery中对数组进行操作的方法
Apr 16 Javascript
基于javascipt-dom编程 table对象的使用
Apr 22 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
Apr 14 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 Javascript
浅析javascript中的DOM
Mar 01 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
Mar 26 Javascript
jQuery实现宽屏图片轮播实例教程
Nov 24 Javascript
js计算系统当前日期是星期几的方法
Jul 14 Javascript
bootstrapValidator自定验证方法写法
Dec 01 Javascript
jQuery表单元素选择器代码实例
Feb 06 Javascript
vue.js异步上传文件前后端实现代码
Aug 22 Javascript
vue form check 表单验证的实现代码
Dec 09 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/01/14 PHP
php+lottery.js实现九宫格抽奖功能
2019/07/21 PHP
Prototype 学习 工具函数学习($方法)
2009/07/12 Javascript
jquery select选中的一个小问题
2009/10/11 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
浅析Javascript中“==”与“===”的区别
2014/12/23 Javascript
基于insertBefore制作简单的循环插空效果
2015/09/21 Javascript
js实现索引图片切换效果
2015/11/21 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
2016/09/05 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
JSON 数据详解及实例代码分析
2017/01/20 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
Vue组件开发初探
2017/02/14 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
python从入门到精通(DAY 2)
2015/12/20 Python
python判断列表的连续数字范围并分块的方法
2018/11/16 Python
Python中zipfile压缩文件模块的基本使用教程
2020/06/14 Python
Python实现爬取并分析电商评论
2020/06/19 Python
浅析Python 条件控制语句
2020/07/15 Python
Python用摘要算法生成token及检验token的示例代码
2020/12/01 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
纯css3实现图片翻牌特效
2015/03/10 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
将世界上最美丽的摄影作品转化为艺术作品:Photos.com
2017/11/28 全球购物
TCP/IP的分层模型
2013/10/27 面试题
2014年元旦联欢会活动策划方案
2014/02/16 职场文书
小学三八妇女节活动方案
2014/03/16 职场文书
厕所文明标语
2014/06/11 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
软弱涣散基层党组织整改方案
2014/10/25 职场文书
群众路线自我剖析范文
2014/11/04 职场文书
2014年终工作总结范本
2014/12/15 职场文书
机械生产实习心得体会
2016/01/22 职场文书