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实现的listview效果
Apr 28 Javascript
jquery中.add()的使用分析
Apr 26 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
Aug 28 Javascript
jQuery自制提示框tooltip改进版
Aug 01 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
浅谈react前后端同构渲染
Sep 20 Javascript
原生JS获取元素的位置与尺寸实现方法
Oct 18 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
Dec 15 Javascript
jQuery实现的上传图片本地预览效果简单示例
Mar 29 jQuery
微信小程序实现人脸识别
May 25 Javascript
layui表格内容溢出的解决方法
Sep 06 Javascript
在nuxt中使用路由重定向的实例
Nov 06 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
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
php function用法如何递归及return和echo区别
2014/03/07 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
javascript数组与php数组的地址传递及值传递用法实例
2015/01/22 PHP
php绘图之生成饼状图的方法
2015/01/24 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析
2020/05/15 PHP
深入剖析JavaScript中的枚举功能
2014/03/06 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
jQuery中focus事件用法实例
2014/12/26 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
node.js require() 源码解读
2015/12/13 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
js面向对象之实现淘宝放大镜
2020/01/15 Javascript
解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目
2020/02/09 Javascript
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
Python编程中字符串和列表的基本知识讲解
2015/10/14 Python
Python中摘要算法MD5,SHA1简介及应用实例代码
2018/01/09 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
浅谈Tensorflow 动态双向RNN的输出问题
2020/01/20 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
canvas拼图功能实现代码示例
2018/11/21 HTML / CSS
英国团购网站:Groupon英国
2017/11/28 全球购物
德国苹果商店:MacTrade
2020/05/18 全球购物
如何配置、使用和清除Smarty缓存
2015/12/23 面试题
yy结婚证婚词
2014/01/10 职场文书
教师现实表现材料
2014/02/14 职场文书
HR求职自荐信范文
2014/06/21 职场文书
交通事故和解协议书
2014/09/25 职场文书
教师三严三实心得体会
2014/10/11 职场文书
小学教师教学反思
2016/02/24 职场文书
不会写演讲稿,快来看看这篇文章!
2019/08/06 职场文书