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 相关文章推荐
JS拖动技术 关于setCapture使用
Dec 09 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
Sep 09 Javascript
json数据的列循环示例
Sep 06 Javascript
javascript:json数据的页面绑定示例代码
Jan 26 Javascript
用js编写的简单的计算器代码程序
Aug 04 Javascript
JS实现css hover操作的方法示例
Apr 07 Javascript
20行js代码实现的贪吃蛇小游戏
Jun 20 Javascript
ionic 自定义弹框效果
Jun 27 Javascript
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
解决npm管理员身份install时出现权限的问题
Mar 16 Javascript
mpvue将vue项目转换为小程序
Sep 30 Javascript
vue基于better-scroll实现左右联动滑动页面
Jun 30 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 获取MySQL数据库里所有表的实现代码
2011/07/13 PHP
PHP 第三节 变量介绍
2012/04/28 PHP
ajax php传递和接收变量实现思路及代码
2012/12/19 PHP
支持png透明图片的php生成缩略图类分享
2015/02/08 PHP
PHP基于回溯算法解决n皇后问题的方法示例
2017/11/07 PHP
跟着JQuery API学Jquery 之三 筛选
2010/04/09 Javascript
jquery在IE、FF浏览器的差别详细探讨
2013/04/28 Javascript
A标签触发onclick事件而不跳转的多种解决方法
2013/06/27 Javascript
js Calender控件使用详解
2015/01/05 Javascript
java必学必会之static关键字
2015/12/03 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
JavaScript驾驭网页-CSS与DOM
2016/03/24 Javascript
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
AngularJS日程表案例详解
2017/08/15 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
使用Karma做vue组件单元测试的实现
2020/01/16 Javascript
[01:29:31]VP VS VG Supermajor小组赛胜者组第二轮 BO3第一场 6.2
2018/06/03 DOTA
python错误处理详解
2014/09/28 Python
python实现获取客户机上指定文件并传输到服务器的方法
2015/03/16 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
Python中six模块基础用法
2019/12/08 Python
python实现信号时域统计特征提取代码
2020/02/26 Python
Keras:Unet网络实现多类语义分割方式
2020/06/11 Python
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
HTML5 DeviceOrientation实现手机网站摇一摇功能代码实例
2015/04/24 HTML / CSS
Kate Spade美国官网:纽约新兴时尚品牌,以包包闻名于世
2017/11/09 全球购物
医院办公室主任职责
2013/12/29 职场文书
乡镇食品安全责任书
2014/07/28 职场文书
校外活动方案
2014/08/28 职场文书
考试作弊检讨书1000字(5篇)
2014/10/19 职场文书
群众路线教育实践活动学习笔记
2014/11/05 职场文书
红歌会主持词
2015/07/02 职场文书
运动会5000米加油稿
2015/07/21 职场文书
Java循环队列与非循环队列的区别总结
2021/06/22 Java/Android
Nginx流量拷贝ngx_http_mirror_module模块使用方法详解
2022/04/07 Servers
Golang数据类型和相互转换
2022/04/12 Golang