基于VUEX-getter的組件Vue渲染

我有這個代碼來呈現我的主屏幕。我想根據從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,
    }
  }

}

我希望有一個簡單的方法,我不需要re-structure我的組件。

? 最佳回答:

您必須使用computed而不是data,因為創建組件時數據只執行一次。這應該管用

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

有關計算的詳細信息

主站蜘蛛池模板: 韩国资源视频一区二区三区| 国产日韩精品一区二区在线观看播放| 无码人妻一区二区三区在线| 人妻少妇久久中文字幕一区二区| 亚洲高清美女一区二区三区| 成人国产精品一区二区网站公司| 在线观看日韩一区| 久久久91精品国产一区二区三区| 中文字幕一区二区精品区| 国产福利电影一区二区三区,免费久久久久久久精 | 国产乱码一区二区三区| 精品在线一区二区| 夜夜嗨AV一区二区三区| 国产色情一区二区三区在线播放| 国内精自品线一区91| 亲子乱AV视频一区二区| 精品无码国产AV一区二区三区| 黑人大战亚洲人精品一区| 曰韩人妻无码一区二区三区综合部 | 在线日产精品一区| 国产亚洲福利精品一区二区 | 天堂不卡一区二区视频在线观看 | 国产吧一区在线视频| 另类免费视频一区二区在线观看 | 国模精品一区二区三区| 精品成人av一区二区三区| 秋霞无码一区二区| 亚洲日韩AV无码一区二区三区人| 日本伊人精品一区二区三区| 日本成人一区二区| 少妇一夜三次一区二区| 亚洲一区精品无码| 2022年亚洲午夜一区二区福利| 人妻精品无码一区二区三区| 免费av一区二区三区| 久久国产高清一区二区三区| 久久综合九九亚洲一区| 日韩熟女精品一区二区三区 | 搡老熟女老女人一区二区| 国产在线精品一区二区夜色 | 午夜无码视频一区二区三区|