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 颜色渐变效果的实现代码
Oct 01 Javascript
通过遮罩层实现浮层DIV登录的js代码
Feb 07 Javascript
IE中getElementsByName()对有些元素无效的解决方案
Sep 28 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
Dec 10 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
Mar 04 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
Jul 01 Javascript
基于vue.js中事件修饰符.self的用法(详解)
Feb 23 Javascript
vue v-for 使用问题整理小结
Aug 04 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 Javascript
微信小程序页面间传递数组对象方法解析
Nov 06 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 Javascript
使用Vant完成Dialog弹框案例
Nov 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(3) php 函数
2010/02/15 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
laravel学习教程之关联模型
2016/07/30 PHP
PHP上传图片、删除图片简单实例
2016/11/12 PHP
Yii Framework框架开发微信公众平台示例
2020/04/26 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
PHP生成随机密码4种方法及性能对比
2020/12/11 PHP
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
autoIMG 基于jquery的图片自适应插件代码
2011/03/12 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
2013/09/25 Javascript
node.js中的fs.futimesSync方法使用说明
2014/12/17 Javascript
jQuery蓝色风格滑动导航栏代码分享
2015/08/19 Javascript
js仿淘宝和百度文库的评分功能
2016/05/15 Javascript
超实用的javascript时间处理总结
2016/08/16 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
js实现随机点名系统(实例讲解)
2017/10/18 Javascript
微信小程序 上传头像的实例详解
2017/10/27 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
jQuery插件Validation表单验证详解
2018/05/26 jQuery
小程序实现左滑删除功能
2018/10/30 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
python中的sort方法使用详解
2014/07/25 Python
对numpy中的transpose和swapaxes函数详解
2018/08/02 Python
python输出带颜色字体实例方法
2019/09/01 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
加拿大女装网上购物:Reitmans
2016/10/20 全球购物
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
经典c++面试题三
2015/07/08 面试题
电子商务专业自荐信
2014/06/02 职场文书
欢迎标语大全
2014/06/21 职场文书
为什么中国式养孩子很累?
2019/08/07 职场文书
“爱眼护眼,提前预防近视”倡议书3篇
2019/10/30 职场文书
vue3中的组件间通信
2021/03/31 Vue.js
pycharm部署django项目到云服务器的详细流程
2021/06/29 Python
Java spring定时任务详解
2021/10/05 Java/Android