vue根据进入的路由进行原路返回的方法

 更新时间:2018年09月26日 14:26:02   作者:HainesFreeman  
今天小编就为大家分享一篇vue根据进入的路由进行原路返回的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

情景:

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根据进入的路由进行原路返回的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue使用wavesurfer.js实现音频可视化的示例详解

    Vue使用wavesurfer.js实现音频可视化的示例详解

    WaveSurfer.js是一个开源的音频可视化库,用于创建交互式、可定制的波形,本文将为大家简单介绍了Vue如何使用wavesurfer.js实现音频可视化功能,感兴趣的小伙伴可以跟随小编一起学习一下
    2025-04-04
  • 基于Electron+Vite快速构建Vue3桌面应用

    基于Electron+Vite快速构建Vue3桌面应用

    这篇文章主要介绍了如何基于Electron和Vite快速构建Vue3桌面应用,本文主要技术栈就是Vue3、vite、Electron,文中有详细的代码示例,需要的朋友可以参考下
    2023-07-07
  • Vue 两个字段联合校验之修改密码功能的实现

    Vue 两个字段联合校验之修改密码功能的实现

    本文以校验两次密码的一致性应用,给出两个可变属性值的字段之间的联合校验的典型解决方案,通过实例代码给大家介绍Vue 两个字段联合校验之修改密码功能的实现,需要的朋友一起看看吧
    2021-07-07
  • Antd中单个DatePicker限定时间输入范围操作

    Antd中单个DatePicker限定时间输入范围操作

    这篇文章主要介绍了Antd中单个DatePicker限定时间输入范围操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • vue js秒转天数小时分钟秒的实例代码

    vue js秒转天数小时分钟秒的实例代码

    这篇文章主要介绍了vue js秒转天数小时分钟秒的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08
  • 浅谈vue 单文件探索

    浅谈vue 单文件探索

    这篇文章主要介绍了浅谈vue 单文件探索,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Vue3中依赖注入provide、inject的使用

    Vue3中依赖注入provide、inject的使用

    这篇文章主要介绍了Vue3中依赖注入provide、inject的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • 在Vue中实现图表数据的动态展示的示例代码

    在Vue中实现图表数据的动态展示的示例代码

    随着数据可视化技术的发展,图表在前端开发中扮演着越来越重要的角色,Vue.js 作为一个流行的前端框架,以其灵活性和易用性,成为了实现图表动态展示的理想选择,在这篇博客中,我们将学习如何在 Vue 3 中实现动态展示图表数据,需要的朋友可以参考下
    2024-11-11
  • 详解vue-router 命名路由和命名视图

    详解vue-router 命名路由和命名视图

    这篇文章主要介绍了详解vue-router 命名路由和命名视图,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • Element-Ui组件 NavMenu 导航菜单的具体使用

    Element-Ui组件 NavMenu 导航菜单的具体使用

    这篇文章主要介绍了Element-Ui组件 NavMenu 导航菜单的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10

最新评论