在nuxt条件下无法读取未定义的属性$ store

Question

在Nuxt中进行条件格式化时遇到错误

<SidebarNavLink  v-if="this.$store.state.authUser.roles.includes(childL1.keyword) || this.$store.state.authUser.roles.includes('super') || this.$store.state.authUser.roles.includes('admin')" :name="childL1.name" :url="childL1.url" :icon="childL1.icon" :badge="childL1.badge" :variant="item.variant"/>

Answer 1

您没有在模板中引用它。只有js。将您的代码从v-if="this.$store更改为v-if="$store，它将成功解决问题