对vue2.0中.vue文件页面跳转之.$router.push的用法详解


Posted in Javascript onAugust 24, 2018

vue2.0在使用的过程中, .vue文件之间的跳转,在template中的常见写法是:

<router-link to="/miniCard/statement/horizon">
  <button class="btn btn-default colorDe">继续</button>
</router-link>

对vue2.0中.vue文件页面跳转之.$router.push的用法详解

但是有时的需求是页面不直接跳转,有确认弹框或者其他事件,此时就需要在js中设置跳转,常用的一种方法是 .$router.push ,用法如下:

this.$router.push({path: '/...'});

对vue2.0中.vue文件页面跳转之.$router.push的用法详解

希望本文对您有所帮助!

拓展知识:解决this.$router.push无法在新窗口打开的问题

如下所示:

let routeData = this.$router.resolve({ path: '/reportpreview', query: { id: id } });
 window.open(routeData.href, '_blank');

以上这篇对vue2.0中.vue文件页面跳转之.$router.push的用法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js获取网页可见区域、正文以及屏幕分辨率的高度
May 15 Javascript
js弹出对话框方式小结
Nov 17 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 Javascript
jQuery编写设置和获取颜色的插件
Jan 09 Javascript
js实现文字向上轮播功能
Jan 13 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
Feb 14 Javascript
使用原生的javascript来实现轮播图
Feb 24 Javascript
面试常见的js算法题
Mar 23 Javascript
详谈JS中数组的迭代方法和归并方法
Aug 11 Javascript
Django使用多数据库的方法
Sep 06 Javascript
深入理解ES6中let和闭包
Feb 22 Javascript
微信小程序Getuserinfo解决方案图解
Aug 24 #Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
Aug 24 #Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
Aug 24 #Javascript
vue 中引用gojs绘制E-R图的方法示例
Aug 24 #Javascript
解决webpack dev-server不能匹配post请求的问题
Aug 24 #Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 #Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 #Javascript
You might like
一个比较简单的PHP 分页分组类
2009/12/10 PHP
php中cookie实现二级域名可访问操作的方法
2014/11/11 PHP
php格式化时间戳
2016/12/17 PHP
PHP fclose函数用法总结
2019/02/15 PHP
PHP中$GLOBALS与global的区别详解
2019/03/21 PHP
php提供实现反射的方法和实例代码
2019/09/17 PHP
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
JavaScript中string转换成number介绍
2014/12/31 Javascript
js选项卡的实现方法
2015/02/09 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
2016/01/28 Javascript
全面解析Bootstrap布局组件应用
2016/02/22 Javascript
JS实现支持Ajax验证的表单插件
2016/03/24 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
JavaScript数据类型学习笔记分享
2016/09/01 Javascript
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
ubuntu编译nodejs所需的软件并安装
2017/09/12 NodeJs
微信禁止下拉查看URL的处理方法
2017/09/28 Javascript
如何使用puppet替换文件中的string
2018/12/06 Javascript
JS实现鼠标按下拖拽效果
2020/07/23 Javascript
JS+CSS实现动态时钟
2021/02/19 Javascript
简单实现Python爬取网络图片
2018/04/01 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
python 用lambda函数替换for循环的方法
2018/06/09 Python
3行Python代码实现图像照片抠图和换底色的方法
2019/10/10 Python
基于python实现音乐播放器代码实例
2020/07/01 Python
如何通过命令行进入python
2020/07/06 Python
印尼太阳百货公司网站:Matahari
2018/02/04 全球购物
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
财务会计人员岗位职责
2013/11/30 职场文书
房屋转让协议书范本
2014/04/11 职场文书
司法局火灾防控方案
2014/06/05 职场文书
自我查摆剖析材料
2014/10/11 职场文书
《亲亲我的妈妈》观后感(3篇)
2019/09/26 职场文书
详解Js模块化的作用原理和方案
2021/04/29 Javascript
通过T-SQL语句创建游标与实现数据库加解密功能
2022/03/16 SQL Server