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 相关文章推荐
Mootools 1.2教程 Tooltips
Sep 15 Javascript
读JavaScript DOM编程艺术笔记
Nov 15 Javascript
js中根据字数截取字符串,不能截断url
Jan 12 Javascript
js+css实现增加表单可用性之提示文字
Jun 03 Javascript
iframe实用操作锦集
Apr 22 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
Mar 03 Javascript
基于replaceChild制作简单的吞噬特效
Sep 21 Javascript
ES6新特征数字、数组、字符串
Oct 01 Javascript
jquery获取input type=text中的值的各种方式(总结)
Dec 02 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
electron制作仿制qq聊天界面的示例代码
Nov 26 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 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把session写入数据库示例
2014/02/26 PHP
初识php MVC
2014/09/10 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
在jQuery1.5中使用deferred对象 着放大镜看Promise
2011/03/12 Javascript
JS 控件事件小结
2012/10/31 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
2013/08/19 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
jquery插件hiAlert实现网页对话框美化
2015/05/03 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
2015/12/01 Javascript
JavaScript简单实现鼠标移动切换图片的方法
2016/02/23 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
H5实现仿flash效果的实现代码
2017/09/29 Javascript
如何在JavaScript中优雅的提取循环内数据详解
2019/03/04 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
2019/03/12 Javascript
mock.js模拟数据实现前后端分离
2019/07/24 Javascript
在Python中使用SQLite的简单教程
2015/04/29 Python
Python中转换角度为弧度的radians()方法
2015/05/18 Python
python 写的一个爬虫程序源码
2016/02/28 Python
Python OpenCV获取视频的方法
2018/02/28 Python
对python for 文件指定行读写操作详解
2018/12/29 Python
Django模板Templates使用方法详解
2019/07/19 Python
python 变量初始化空列表的例子
2019/11/28 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
Stefania Mode英国:奢华设计师和时尚服装
2017/10/23 全球购物
医院护士求职自荐信格式
2013/09/21 职场文书
业务主管岗位职责
2013/11/20 职场文书
国培计划培训感言
2014/03/11 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
个人授权委托书范本格式
2014/10/12 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
幼儿园小班个人总结
2015/02/12 职场文书
党员违纪检讨书
2015/05/05 职场文书
公安干警正风肃纪心得体会
2016/01/15 职场文书
教你怎么用python实现字符串转日期
2021/05/24 Python