vue 对象更新,视图不更新的问题
应用场景:
list:[],detail:{}
如图list里有3条列表数据,接口中获取,当点击某一条时,
我根据index, 赋值给detail,
detail会显示一个弹窗,显示改条详情信息
代码:
当点击时:
this.detail = this.list[index]
反复点,视图就不会更新了,使用显示一样的内容
但console.log里detail每次都不同
回答
chrome装个 Vue debug插件,看看传入detail控件 props的值有没有变化。
detail控件里写watch,immediate:true看看有没有被调用。
你还是要上代码~否则说不清楚。
很有可能是 弹窗 组件没有更新,可以尝试给 弹窗 组件容器添加 key ,每次点击的时候更新 key
在组件里面watch下
一般没有深拷贝
只要把官网的这一章节看懂,最少有3种以上的方法让视图更新
以上是 vue 对象更新,视图不更新的问题 的全部内容, 来源链接: utcz.com/a/42766.html