我的单一页面应用程序从Express端点检索组织数据,并列出登录用户帐户可用的不同组织。
getUser
是一种vuex。组织名单上打印的很好。当我签入Vue检查插件时,下面的代码将组织段塞(org.slug)显示为路由器链接上的一个参数。
但是,编译后的html (dev模式)无法反映单个段塞参数。所有链接都在索引0处显示相同的a href="..."
元素,指向数组中的第一个组织段塞。
它只是在v-for循环/列表中重复的org.slug值。org.name和org.id是正确的。
<li v-for="org in getUser.organizations" :key="org.id">
<router-link :to="{ name: 'dashboard', params: org.slug }">
{{ org.name }}
</router-link>
</li>
在Vue检查员中:
props
ariaCurrentValue:"page"
custom:false
to:Object
name:"dashboard"
params:"my-organization-0" // this changes to -1, -2, etc depending on the list item in the list
Vue路由器:
const routes = [
{
path: '/login',
name: 'login',
component: Login,
meta: { publicRoute: true }
},
{
path: '/:slug/dashboard',
name: 'dashboard',
component: () => import(/* webpackChunkName: "dashboard" */'../views/Dashboard.vue')
},
{
...etc.
}
]
你们看到我做错什么了吗?谢谢你的建议!
发布于 2020-11-25 23:56:42
https://stackoverflow.com/questions/65013659
复制相似问题