How to pass pass pramas in b-nav-item using store getters?

问题

My route is like this -

 {
      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);
      }
    },

I need to pass uid value from store.getters in b-nav-item element to navigate the page using uid from store.

This is what I am doing right now.

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

Error it throws: Raw expression: :to="{name: 'my-orders' params: {uid: this.$store.getters.user_uid}}" 'v-bind' directives require an attribue

I'm pretty new in vue.js dont understand this error as well.

回答1:

This worked. it was missing , before params.

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

来源：https://stackoverflow.com/questions/58822854/how-to-pass-pass-pramas-in-b-nav-item-using-store-getters