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 闭包深入理解(closure)
May 27 Javascript
jquery中的mouseleave和mouseout的区别 模仿下拉框效果
Feb 07 Javascript
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
js 获取、清空input type="file"的值(示例代码)
Dec 24 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
利用JS实现简单的瀑布流加载图片效果
Apr 22 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
详解微信小程序中的页面代码中的模板的封装
Oct 12 Javascript
详解基于vue的服务端渲染框架NUXT
Jun 20 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 Javascript
Layer UI表格列日期格式化及取消自动填充日期的实现方法
May 10 Javascript
JavaScript最完整的深浅拷贝实现方式详解
Feb 28 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的加密方式及原理
2012/06/14 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
thinkPHP5分页功能实现方法分析
2017/10/25 PHP
Ubuntu彻底删除PHP7.0的方法
2018/07/27 PHP
JavaScript延迟加载
2021/03/09 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
浅析js中取绝对值的2种方法
2013/07/09 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
JavaScript实现数字数组正序排列的方法
2015/04/06 Javascript
完善的jquery处理机制
2016/02/21 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
2016/05/18 Javascript
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
jquery自定义显示消息数量
2017/12/19 jQuery
vue-lazyload图片延迟加载插件的实例讲解
2018/02/09 Javascript
Vue 使用中的小技巧
2018/04/26 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
js中forEach,for in,for of循环的用法示例小结
2020/03/14 Javascript
Ant Design的可编辑Tree的实现操作
2020/10/31 Javascript
Python开发编码规范
2006/09/08 Python
在Python的Tornado框架中实现简单的在线代理的教程
2015/05/02 Python
详细介绍Python的鸭子类型
2016/09/12 Python
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
python 中if else 语句的作用及示例代码
2018/03/05 Python
pandas把dataframe转成Series,改变列中值的类型方法
2018/04/10 Python
Python中安装easy_install的方法
2018/11/18 Python
Python实现最大子序和的方法示例
2019/07/05 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
新西兰床上用品和家居用品购物网站:Adairs
2018/04/27 全球购物
高中生自我评价个人范文
2013/11/09 职场文书
《兰亭集序》教学反思
2014/02/11 职场文书
地质灾害防治方案
2014/05/14 职场文书