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 相关文章推荐
Javascript & DHTML 实例编程(教程)基础知识
Jun 02 Javascript
js 鼠标拖动对象 可让任何div实现拖动效果
Nov 09 Javascript
IE的事件传递-event.cancelBubble示例介绍
Jan 12 Javascript
javascript对象的创建和访问
Mar 08 Javascript
在一个页面重复使用一个js函数的方法详解
Dec 26 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
Jul 21 Javascript
解决vue.js this.$router.push无效的问题
Sep 03 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 Javascript
Vue Components 数字键盘的实现
Sep 18 Javascript
JavaScript实现简单计算器功能
Dec 19 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 01 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
在WordPress中实现发送http请求的相关函数解析
2015/12/29 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
JavaScript 参考教程
2006/12/29 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
javascript document.execCommand() 常用解析
2009/12/14 Javascript
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
2011/02/18 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
2016/05/26 Javascript
Vue表单实例代码
2016/09/05 Javascript
微信小程序 参数传递实例代码
2017/03/20 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
详解ES6语法之可迭代协议和迭代器协议
2018/01/13 Javascript
vue 使用高德地图vue-amap组件过程解析
2019/09/07 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
2020/11/09 Javascript
[01:18:33]Secret vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
python解析模块(ConfigParser)使用方法
2013/12/10 Python
python按照多个字符对字符串进行分割的方法
2015/03/17 Python
python中如何使用正则表达式的非贪婪模式示例
2017/10/09 Python
使用pygame模块编写贪吃蛇的实例讲解
2018/02/05 Python
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
python实现在IDLE中输入多行的方法
2018/04/19 Python
Python玩转Excel的读写改实例
2019/02/22 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
使用html2canvas将页面转成图并使用用canvas2image下载
2019/04/04 HTML / CSS
英国在线滑雪板和冲浪商店:The Board Basement
2020/01/11 全球购物
会计专业应届生求职信
2013/11/24 职场文书
会展中心部门工作职责
2013/11/27 职场文书
安全生产目标责任书
2014/04/14 职场文书
小学英语教师先进事迹
2014/05/28 职场文书
六查六看心得体会
2014/10/14 职场文书
网上祭英烈活动总结
2015/02/04 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
期中考试后的感想
2015/08/07 职场文书
励志语录:只有自己足够强大,才能不被别人践踏
2020/01/09 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python
JavaScript 反射学习技巧
2021/10/16 Javascript
python lambda 表达式形式分析
2022/04/03 Python