若依框架路由带参数跳转有缓存的解决方法

zhangzuruiqqq

于 2023-03-01 10:13:01 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/zhangzuruiqqq/article/details/129275638

vue 专栏收录该内容

13 篇文章

订阅专栏

文章展示了在若依框架中进行路由配置，包括隐藏组件、重定向以及子路由的设置。同时，详细说明了如何在Vue应用中从A页面跳转到B页面并传递参数，以及如何在B页面接收这些参数。此外，还讨论了路由的缓存控制选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

若依框架的话,直接打开src/api/router/index.js路由配置项

 {
    path: '/storage',
    component: Layout,
    hidden: true,
    redirect: 'noredirect',
    children: [
      {
        path: '/order',
        component: () => import('@/views/storage/order'),
        name: 'material',
        meta: { title: '入库计划单', icon: 'user' }
      },
      {
        path: '/inventory',
        component: () => import('@/views/storage/inventory'),
        name: 'inventory',
        meta: { title: '收货清点', noCache: true,icon: 'user' }
      },
      // noCache: true true就可以每次跳转都刷新缓存了,默认是false.
     
      
    ]
  },

a页面——》跳进吧页面下面附带路由跳转传值
a页面

  pathInventory(row){
    
      this.$router.push({ // 核心语句
        name: 'inventory',
        params: {
          id: row.id
        }
      })
    },

b页面

  created() { 
        console.log(this.$route.params.id)
   
    }, // vue实例初始化完成会执行

若依框架 路由带参数跳转有缓存的解决方法

若依框架路由带参数跳转有缓存的解决方法