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种以上的方法让视图更新
image

以上是 vue 对象更新,视图不更新的问题 的全部内容, 来源链接: utcz.com/a/42766.html

回到顶部