Question

我正在使用vue-router，我们正在使用大量的有效负载查询，例如 / Foo /？type = 225 我将如何将它与嵌套组件匹配到以粗体显示的URL？

这样的东西？

    const Foo = { template: '<div>Foo<router-view></router-view></div>' }
    const Bar = { template: '<div>Bar</div>' }

    const router = new VueRouter({
      mode: 'history',
      routes: [
        { 
          path: '/foo',
          component: Foo, 
          children: [
            {
              path: '',
              component: Bar,
              query: { type: '225' }
            }
          ]
        }
      ]
    })

上面的代码无法正常工作，我希望它只匹配type = 225，但它匹配甚至类型= 1等等。

Answer 1

我建议你在视图文件中执行该解决方案。

<Bar v-if="$route.query.type == 225" />

Vue-router匹配查询

1 个答案: