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怎么实现异步更新后同步显示?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
![扫码二维码加入Web技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
换成watch吧