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拦截alert对话框另类应用
Jan 16 Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 Javascript
详解javascript中的事件处理
Nov 06 Javascript
JS动态计算移动端rem的解决方案
Oct 14 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
Jan 13 Javascript
关于 angularJS的一些用法
Nov 29 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
Vue render深入开发讲解
Apr 13 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 Javascript
微信小程序-API接口安全详解
Jul 16 Javascript
Vue 实现html中根据类型显示内容
Oct 28 Javascript
JS async 函数的含义和用法实例总结
Apr 08 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数组函数序列之each() - 获取数组当前内部指针所指向元素的键名和键值,并将指针移到下一位
2011/10/31 PHP
Laravel 5框架学习之用户认证
2015/04/09 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
JS 创建对象(常见的几种方法)
2008/11/03 Javascript
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
javascript实现的使用方向键控制光标在table单元格中切换
2010/11/17 Javascript
关于JS管理作用域的问题
2013/04/10 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
2014/06/20 Javascript
Node.js模块加载详解
2014/08/16 Javascript
jQuery中innerWidth()方法用法实例
2015/01/19 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
JavaScript function函数种类详解
2016/02/22 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
2016/12/21 Javascript
bootstrap table插件的分页与checkbox使用详解
2017/07/23 Javascript
详解Angular5路由传值方式及其相关问题
2018/04/28 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
2019/06/13 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
[57:09]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第一场 1月26日
2021/03/11 DOTA
python自动化测试之setUp与tearDown实例
2014/09/28 Python
使用Python导出Excel图表以及导出为图片的方法
2015/11/07 Python
Python探索之修改Python搜索路径
2017/10/25 Python
Python数据结构与算法之字典树实现方法示例
2017/12/13 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
基于Python实现人脸自动戴口罩系统
2020/02/06 Python
Python 爬取淘宝商品信息栏目的实现
2021/02/06 Python
俄罗斯建筑和装饰材料在线商店:Stroilandia
2020/07/25 全球购物
详解如何解决使用JSON.stringify时遇到的循环引用问题
2021/03/23 Javascript
早餐连锁店计划书
2014/01/08 职场文书
公司股权转让协议书
2014/04/12 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
民事赔偿协议书
2014/11/02 职场文书
HTTP中的Content-type详解
2022/01/18 HTML / CSS
JavaScript实现外溢动态爱心的效果的示例代码
2022/03/21 Javascript