关于vue子组件的数据变了视图不更新的解决办法(转载)

Question

如题所述

Answer 1

1、解决方法：可以使用Vue.set(object，key，value)方法将响应属性添加到嵌套的对象上：也可以使用this.$forceUpdate()方法，可以局部更新迫使Vue实例重新渲染。
2、varuserInfo=newVue({el：.p3_success，data：{phone：[phone]，userCakeCount：100}})当数据更新后，页面不会更新。具体原因不明。
3、vue表单数据不刷新解决办法：表头变量colls是子组件中定义接受父组件传过来的变量，只需在弹框关闭回调函数中清空这个数组即可。检测data的变化，修改key来刷新table。
4、此处以checkBox为例）赋值后，组件并不能正常切换，这是因为数据层太多，render函数没有自动更新，需手动强制刷新。