VUE 封装根据路由path获取当前对象

r囧r小猫 2022-10-31 01:40 239阅读 0赞

# 根据路由path获取当前对象  #

### 1、自定义js文件  ###

import router from '../router/index.js'
    
    /**
     * 设置路由isBack是否刷新状态
     * 
     * @param {*} pathVal  路径名称
     * @param {*} resVal   结果值：true 或 false
     */
    export function setRouterKeepAlive(pathVal,resVal){
        // console.log('设置路由isBack是否刷新状态  pathVal=',pathVal,' resVal=',resVal)
        let arr = router.options.routes[1].children;
        for(let i in arr){
            if(pathVal==arr[i].path){
                arr[i].meta.isBack= resVal;
                // console.log('arr[i].meta=',arr[i].meta)
                break;
            }
        }
    }
    
    /**
     * 获取当前路由对象
     * 
     * @param {*} pathVal  路径名称
     */
    export function getRouter(pathVal){
        let arr = router.options.routes[1].children;
        for(let i in arr){
            if(pathVal==arr[i].path){
                return arr[i];
            }
        }
        
    }

### 2、在main中引用 ###

import {setRouterKeepAlive,getRouter} from './utils/setRouterKeepAlive'
    
    
    
    // 设置路由KeepAlive缓存状态
    Vue.prototype.$setRouterKeepAlive = setRouterKeepAlive;
    Vue.prototype.$getRouter = getRouter;

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue3查看当前路由

import { useRouter } from "vue-router" const router = useRouter() console.lo

川长思鸟来/ 2024年03月26日 17:54/ 0 赞/ 74 阅读

相关 Vue刷新/重载当前路由获取数据

Vue刷新/重载当前路由获取数据 > 1. Vue如何刷新或重载当前路由来更新数据？ > 2. Vue如何监听同一路由加载事件？方案：可以利用路由的quey参数，

川长思鸟来/ 2023年08月17日 16:39/ 0 赞/ 133 阅读

相关 vue刷新当前路由

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9f

﹏ヽ暗。殇╰゛Y/ 2023年06月16日 11:59/ 0 赞/ 20 阅读

相关 uni-app获取当前页面路由

做公众号时遇到个情况，希望可以验证是否登录，未登录状态先去登录页，登录成功后回到之前的页面，这就需要获取到当前页面的路由。 [getCurrentPages()][getC

桃扇骨/ 2023年01月08日 07:29/ 0 赞/ 556 阅读

相关 uniapp获取当前页（路由）/历史页（路由）

let pages = getCurrentPages() // 获取栈实例 let page = pages[pages.length - 1] // 获取当

骑猪看日落/ 2022年12月31日 04:26/ 0 赞/ 1443 阅读

相关 vue-router中当前路由对象属性

Vue项目中如果引入了Vue router实例,就可以在Vue实例中通过$route访问到当前匹配到的路由对象。 $route对象代表着当前路由对象，属性包括： pat

傷城~/ 2022年12月01日 11:53/ 0 赞/ 194 阅读

相关 VUE 封装根据路由path获取当前对象

根据路由path获取当前对象 1、自定义js文件 import router from '../router/index.js' /

r囧r小猫/ 2022年10月31日 01:40/ 0 赞/ 240 阅读

相关 vue - 项目之路由封装

1、封装的路由代码块（LazyRouter文件） const lazyRouter={ routes:[], ad

墨蓝/ 2021年09月29日 09:36/ 0 赞/ 480 阅读

相关 vue当前（路由）页面跳转当前（路由）页面，刷新数据

最近呢总是踩坑就是那种今天我写了代码但是吧一直报错然后明天再写就对了 =。= 咱也不知道是为啥咱也不知道是咋回事只能说萌新小白在线吃菜言归正传最近写了一个商

墨蓝/ 2021年08月30日 22:34/ 0 赞/ 958 阅读

相关 vue 路由对象属性

[更多路由属性查看官网][Link 1] this.$route.path 类型: string 字符串，对应当前

比眉伴天荒/ 2021年07月24日 15:41/ 0 赞/ 470 阅读