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 基础篇4 window对象,DOM
Mar 14 Javascript
单击和双击事件的冲突处理示例代码
Apr 03 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
Sep 22 Javascript
基于jQuery实现选取月份插件附源码下载
Dec 28 Javascript
jquery ui dialog替代confirm实例分析
Jan 25 Javascript
jquery单击事件和双击事件冲突解决方案
Mar 02 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
Aug 10 Javascript
JavaScript学习笔记--常用的互动方法
Dec 07 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 jQuery
使用JavaScript实现一个小程序之99乘法表
Sep 21 Javascript
浅谈vue 组件中的setInterval方法和window的不同
Jul 30 Javascript
微信小程序实现自定义底部导航
Nov 18 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静态文件生成类实例分析
2015/01/03 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
2009/04/01 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
2013/01/29 Javascript
利用cookie记住背景颜色示例代码
2013/11/04 Javascript
window.onload追加函数使用示例
2014/03/03 Javascript
jQuery照片伸缩效果不影响其他元素的布局
2014/05/09 Javascript
angularjs实现与服务器交互分享
2014/06/24 Javascript
jquery日历插件e-calendar升级版
2016/11/10 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
2017/01/29 Javascript
React服务端渲染(总结)
2017/07/01 Javascript
Angular4学习笔记router的简单使用
2018/03/30 Javascript
JavaScript实现的简单Tab点击切换功能示例
2018/07/06 Javascript
详解mpvue开发小程序小总结
2018/07/25 Javascript
js中自定义react数据验证组件实例详解
2018/10/19 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
[08:56]DOTA2-DPC中国联赛2月23日Recap集锦
2021/03/11 DOTA
python刷投票的脚本实现代码
2014/11/08 Python
python写入xml文件的方法
2015/05/08 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
Python理解递归的方法总结
2019/01/28 Python
利用Python半自动化生成Nessus报告的方法
2019/03/19 Python
Python使用文件操作实现一个XX信息管理系统的示例
2020/07/02 Python
python实现数学模型(插值、拟合和微分方程)
2020/11/13 Python
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
英国领先的维生素和营养补充剂直接供应商:Healthspan
2019/04/22 全球购物
2014年学雷锋活动总结
2014/06/26 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
环境保护宣传标语大全!
2019/06/28 职场文书
会议承办单位欢迎词
2019/07/09 职场文书
创业计划书之面包店
2019/09/17 职场文书
简单聊聊Golang中defer预计算参数
2022/03/25 Golang