vuex使用computed不同步更新数据？

  • Z时代
  • 2024-02-15
  • 分类：IT

vuex使用computed不同步更新数据？

//vuex的state定义，enum_dict对象存多个数据字典，用enum_id为key,getEnum方法中根据请求的enum_id返回其中的enumValue数组

export default {
    state: {
        enum_dict:{}
    },
    getters: {
        getEnum:(state) => (enum_id) =>{
            if(state.enum_dict[enum_id]){
                return state.enum_dict[enum_id].enumValue
            } 
        },
        ...

组件中有一个下拉框

<el-form-item>
   <el-select v-model="filters.app_state" clearable placeholder="请选择">
       <el-option v-for="item in app_stateOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
   </el-select>
</el-form-item>

computed中这样写的：

computed: {
  app_stateOptions () {
     return this.$store.getters.getEnum("appstore.appstate")
  },

页面刷新时，下拉框是空的(此时异步请求后台还未完成)，当异步请求取得字典数据后，下拉框并不更新（但当打开另一个组件，另一个里也用到了这个字典则正常显示，也就是说state中有值是可以正常返回的），我看和网上的例子差不多，只是我的数据结构是多层的，请问vuex怎么实现异步更新后同步显示？

回答：

换成watch吧

watch:{
'$store.enum_dict' (value) {
// TODO
 }
}

以上是 vuex使用computed不同步更新数据？ 的全部内容， 来源链接： utcz.com/p/935378.html

回到顶部