基于VUEX getter的组件Vue渲染

Question

我有这段代码来渲染我的主屏幕。我想根据从vuex商店获得的值来渲染组件。

一切都很好。发生突变时组件不重新加载的问题。有什么建议吗？

<template>
<component v-bind:is = "showDashboard" > </component>

</template>
<script>
import AllOrganizationDashboard from "../components/AllOrganizationDashboard"
import OrganizationDashboard from "../components/OrganizationDashboard"
import ProjectDashboard from "../components/ProjectDashboard"
export default {
components: {

AllOrganizationDashboard,OrganizationDashboard,ProjectDashboard,
}, 
data(){
return {

showDashboard: this.$store.getters.getcurrentDashboardToShow,
}
}
}

我希望有一个简单的方法，我不需要重新构建我的组件。

Answer 1

您必须使用计算而不是数据，因为在创建组件时只执行一次数据。这应该工作

computed: {
showDashboard() {
return this.$store.getters.getcurrentDashboardToShow
}
}

有关计算的更多信息