vue router query设置无效

Question

题目描述

vue router query设置无效

初始化路由菜单时，想设置一个query值，如下代码。但在组件中this.$route.query确是{}.

求解惑。

相关代码

  { 
    path: "gradeStrategy/list",  
    componentPath: "/dataManage/dataManageLayoutIndex",
    name: "GradeStrategyList", 
    query: { treeType:  'GRADESTRATEGY' }
  }

还有为什么 path: "gradeStrategy/list?treeType=GRADESTRATEGY", 这样也不行呢

现在的解决办法是gradeStrategy/list?treeType=GRADESTRATEGY，然后在处理router数据，将?后的参数提取扔到meta中。

Answer 1

如若要附带其他信息，请放在meta中。query和 params时自生挑战传参的接收值，不要使用。其他自定义变量名应该是可以使用的

  {
    path: '/index',
    name: '首页',
    label: '首页',
    component: () => import('@components/Home.vue'),
    meta: {
      msg: '我的数据'
    }
  }

Answer 2

query和 params 在路由配置里面留给了传参的时候使用，你需要自定义的就使用其他key