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 相关文章推荐
jQuery 行背景颜色的交替显示(隔行变色)实现代码
Dec 13 Javascript
Jquery练习之表单验证实现代码
Dec 14 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
Apr 02 Javascript
jquery判断当前浏览器的实现代码
Nov 07 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
Dec 05 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
Mar 02 Javascript
JavaScript常用本地对象小结
Mar 28 Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
Jun 20 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
Webpack中SplitChunksPlugin 配置参数详解
Mar 24 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与Java进行通信的实现方法
2013/10/21 PHP
CI框架中类的自动加载问题分析
2016/11/21 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
Laravel5.7框架安装与使用学习笔记图文详解
2019/04/02 PHP
php解压缩zip和rar压缩包文件的方法
2019/07/10 PHP
jquery 插件学习(一)
2012/08/06 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
jQuery实现的网页换肤效果示例
2016/09/20 Javascript
sea.js常用的api简易文档
2016/11/15 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
微信小程序实战之上拉(分页加载)效果(2)
2017/04/17 Javascript
React组件生命周期详解
2017/07/03 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
2019/04/02 Javascript
vue项目打包上传github并制作预览链接(pages)
2019/04/19 Javascript
基于vue手写tree插件的那点事儿
2019/08/20 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
2019/09/11 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
[45:16]完美世界DOTA2联赛循环赛 IO vs FTD BO2第二场 11.05
2020/11/06 DOTA
Linux上安装Python的PIL和Pillow库处理图片的实例教程
2016/06/23 Python
python开发利器之ulipad的使用实践
2017/03/16 Python
深入理解Python中的super()方法
2017/11/20 Python
Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
2018/03/19 Python
python tornado修改log输出方式
2019/11/18 Python
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
安全承诺书范文
2014/03/26 职场文书
2014年电话客服工作总结
2014/12/09 职场文书
2015年父亲节活动总结
2015/02/12 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
小学一年级班主任工作经验交流材料
2015/11/02 职场文书
公务员爱岗敬业心得体会
2016/01/25 职场文书
7个你应该知道的JS原生错误类型
2021/04/29 Javascript
vue中利用mqtt服务端实现即时通讯的步骤记录
2021/07/01 Vue.js
《群青的幻想曲》京力秋树角色PV公开
2022/04/08 日漫
HTML页面中使两个div并排显示的实现
2022/05/15 HTML / CSS