vue根据进入的路由进行原路返回的方法


Posted in Javascript onSeptember 26, 2018

情景:

a---------->c 点击返回,希望返回到a

b---------->c 点击返回,希望返回到b

解决方案:

a页面,加from字段

PubSub.subscribe('table-view', function(msg, args) {
 var rowData = args[0], rowIndex = args[1];
 //跳转详情页
 this.$router.push({
 name: 'viewAdvertiseDetails',
 query: {
 id: this.$route.query.id,
 adsenseCampaignId: rowData.id,
 from: 'viewAdvertise',
 },
 })
}.bind(this));

b页面,加from字段

PubSub.subscribe('table-view', function(msg, args) {
 var rowData = args[0], rowIndex = args[1];
 this.$router.push({
 name: 'viewAdvertiseDetails',
 query: {
 id: this.$route.query.id,
 adsenseCampaignId: rowData.id,
 from: 'setAdvertise',
 },
 })
}.bind(this));

c页面:

back: function() {
 if(this.$route.query.from==='viewAdvertise'){
 this.$router.push({
 name: 'viewAdvertise',
 query: {
 id: this.$route.query.id
 },
 })
 }else if(this.$route.query.from==='setAdvertise'){
 this.$router.push({
 name: 'setAdvertise',
 query: {
 id: this.$route.query.id
 },
 })
 }
}

以上这篇vue根据进入的路由进行原路返回的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery EasyUI 数字格式化处理示例
May 05 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
jQuery中scrollTop()方法用法实例
Jan 16 Javascript
jQuery性能优化技巧分析
Feb 20 Javascript
JSONObject使用方法详解
Dec 17 Javascript
谈一谈bootstrap响应式布局
May 23 Javascript
原生javascript实现的ajax异步封装功能示例
Nov 03 Javascript
JavaScript中数组Array方法详解
Feb 27 Javascript
详解Angular-Cli中引用第三方库
May 21 Javascript
vue 父组件调用子组件方法及事件
Mar 29 Javascript
Vue.js实现大转盘抽奖总结及实现思路
Oct 09 Javascript
关于ES6尾调用优化的使用
Sep 11 Javascript
vue-router之nuxt动态路由设置的两种方法小结
Sep 26 #Javascript
Vue 配合eiement动态路由,权限验证的方法
Sep 26 #Javascript
react-navigation之动态修改title的内容
Sep 26 #Javascript
React项目动态设置title标题的方法示例
Sep 26 #Javascript
Vue resource三种请求格式和万能测试地址
Sep 26 #Javascript
JS返回页面时自动回滚到历史浏览位置
Sep 26 #Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
Sep 26 #Javascript
You might like
PHP与javascript的两种交互方式
2006/10/09 PHP
How do I change MySQL timezone?
2008/03/26 PHP
PHP加密解密实例分析
2015/12/25 PHP
PHP设计模式之抽象工厂模式实例分析
2019/03/25 PHP
使用Rancher在K8S上部署高性能PHP应用程序的教程
2020/07/10 PHP
网页的标准,IMG不支持onload标签怎么办
2006/06/29 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
js Math 对象的方法
2013/09/01 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
JavaScrip常见的一些算法总结
2015/12/28 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
微信小程序生成二维码的示例代码
2019/03/29 Javascript
vue源码中的检测方法的实现
2019/09/26 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
微信小程序自定义联系人弹窗
2020/05/26 Javascript
如何检测JavaScript中的死循环示例详解
2020/08/30 Javascript
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
Python中property函数用法实例分析
2018/06/04 Python
实例讲解Python3中abs()函数
2019/02/19 Python
python print出共轭复数的方法详解
2019/06/25 Python
Python 使用list和tuple+条件判断详解
2019/07/30 Python
Python数据可视化:饼状图的实例讲解
2019/12/07 Python
基于numpy中的expand_dims函数用法
2019/12/18 Python
解决Pycharm中恢复被exclude的项目问题(pycharm source root)
2020/02/14 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
在vscode中启动conda虚拟环境的思路详解
2020/12/25 Python
世界上最好的威士忌和烈性酒购买网站:The Whisky Exchange
2016/11/20 全球购物
违反学校规定检讨书
2014/01/18 职场文书
2014年办公室主任工作总结
2014/11/12 职场文书
工人先进事迹材料
2014/12/26 职场文书
80后创业总结的9条职场用人思想,记得收藏
2019/08/13 职场文书
ElementUI实现el-form表单重置功能按钮
2021/07/21 Javascript
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL
windows server2008 开启端口的实现方法
2022/06/25 Servers