Vue.js 如何使用store Getter在b-nav-item中通过pramas？

我的路线是这样的-

 {
      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'参数：{uid:this.$store.getters.user_uid}” “v-bind”指令需要属性

---

我是vue.js的新手，也不理解这个错误

这奏效了。在帕拉姆斯之前，它不见了

<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>

我的订单

在

参数之前缺少冒号

？我刚试过。未工作也不要在templatesomg中使用

此

，请在

：to=

之后删除空格，并在参数之前添加逗号