对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 相关文章推荐
JavaScript实现的经典文件树菜单效果
Sep 08 Javascript
javascript仿百度输入框提示自动下拉补全
Jan 07 Javascript
基于JS实现textarea中获取动态剩余字数的方法
May 25 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
Aug 28 Javascript
Vue.js快速入门实例教程
Oct 15 Javascript
jQuery中页面返回顶部的方法总结
Dec 30 Javascript
js 颜色选择插件
Jan 23 Javascript
原生JS实现跑马灯效果
Feb 20 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
彻底解决 webpack 打包文件体积过大问题
Jul 07 Javascript
JavaScript异步操作的几种常见处理方法实例总结
May 11 Javascript
JS猜数字游戏实例讲解
Jun 30 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
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
ajax+php打造进度条代码[readyState各状态说明]
2010/04/12 PHP
PHP定时更新程序设计思路分享
2014/06/10 PHP
php中字符集转换iconv函数使用总结
2014/10/11 PHP
PHP使用内置dir类实现目录遍历删除
2015/03/31 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
php中访问修饰符的知识点总结
2019/01/27 PHP
PHP写API输出的时用echo的原因详解
2019/04/28 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
Javascript中克隆一个数组的实现代码
2013/12/06 Javascript
jquery单行文字向上滚动效果的实现代码
2014/09/05 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
2017/01/05 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
vue-axios使用详解
2017/05/10 Javascript
vue的mixins属性详解
2018/03/14 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
2018/10/20 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
vue.js中使用echarts实现数据动态刷新功能
2019/04/16 Javascript
jQuery实现滑动星星评分效果(每日分享)
2019/11/13 jQuery
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
window下eclipse安装python插件教程
2017/04/24 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
Django admin实现图书管理系统菜鸟级教程完整实例
2017/12/12 Python
pip 安装库比较慢的解决方法(国内镜像)
2019/10/06 Python
python 安装教程之Pycharm安装及配置字体主题,换行,自动更新
2020/03/13 Python
django-orm F对象的使用 按照两个字段的和,乘积排序实例
2020/05/18 Python
numpy实现RNN原理实现
2021/03/02 Python
施华洛世奇美国官网:SWAROVSKI美国
2018/02/08 全球购物
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
信访工作者先进事迹
2014/01/17 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
初一军训感言
2015/08/01 职场文书
解决Pytorch修改预训练模型时遇到key不匹配的情况
2021/06/05 Python
Java实现简易的分词器功能
2021/06/15 Java/Android