vue中vuex数据更新 视图不更新 [解决方法]

我们在vuex中操作数据时遇见视图不更新的情况

原理:去vue的官网看就行了

使用方法:Vue.set(target,propertyName,value)

            target:要更改的数据(一般是响应式对象) 例:state.dataproperty:这个对象中的子对象或者属性value:你想要赋的值

使用实例:

vuex中的内容

state(){addone:{}
},
mutations: {allone(state,num){state.addone.num = num;}
}

此时可以看到数据已经改变了,但是试图还是空的 ,因为addone一开始就为空

这个时候我们只需要使用Vue.set就可以了

state(){addone:{}
},
mutations: {allone(state,num){Vue.set(state.addone,"num",num)console.log(state.addone.num);}
}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部