如何使用 store getter 在 b-nav-item 中传递 pramas？答案

【问题标题】：How to pass pass pramas in b-nav-item using store getters?如何使用 store getter 在 b-nav-item 中传递 pramas？
【发布时间】：2020-03-08 09:49:23
【问题描述】：

我的路线是这样的——

 {
      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 的新手，也不理解这个错误。

【问题讨论】：

只是在params 之前缺少冒号？
我刚试过。没用
也不要在模板中使用this
omg，删除:to=之后的空格
参数前加逗号

标签： vue.js vuejs2 vue-component vue-router

【解决方案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>

【讨论】：