如何使用商店吸气剂在b-nav-item中传递通行证？

Question

我的路线是这样-

 {
      path: '/user/:uid/myorders',
      name: 'my-orders',
      component: () => import(/* webpackChunkName: "user-orders" */ './admin/UserOrdersPage.vue'),
      meta: { requiresLogin: true },
      beforeEnter: (to, from, next) => {
        checkForAuth(to, next);
      }
    },

我需要在b-nav-item元素中传递来自store.getters的uid值，以使用来自store的uid导航页面。

这就是我现在正在做的事情。

<b-nav-item href="#" v-if="this.$store.getters.isUser" tag="router-link" :to= "{name: 'my-orders' params: {uid: this.$store.getters.isUser}}">My Orders</b-nav-item>

它引发的错误：   原始表达式：：to =“ {name：'my-orders'params：{uid：this。$ store.getters.user_uid}}”“ 'v-bind'指令需要属性

我在vue.js中是个新手，也无法理解此错误。

Answer 1

这有效。它在参数之前丢失了。

<b-nav-item href="#" v-if="this.$store.getters.isUser" :to="{name: 'my-orders', params: {uid: this.$store.getters.user_uid}}">My Orders</b-nav-item>