// this.detailList[0].result=res.data.results//vue视图不被渲染，学会使用$set解决该类问题

柠檬不喝柠檬茶

于 2019-07-08 16:59:31 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue问题解决

本文链接：https://blog.youkuaiyun.com/weixin_39897287/article/details/95073094

vue问题解决专栏收录该内容

12 篇文章

订阅专栏

本文介绍在Vue.js中如何使用$set方法来更新数组内的对象属性，确保视图能够正确响应数据变化，实现高效的数据绑定和渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
例如：

	this.detailList.forEach(el => {
          this.$set(el, "reason", "");
          this.$set(el, "result", "");
          this.$set(el, "remark", "");
        });

我把数组置空
然后给它赋值都是用 $set 这样的话能够视图渲染

	 this.detailList.forEach(el => {
          let item = res.data.find(p => el.id == p.itemId);
          this.$set(el, "reason", item.reason);
          this.$set(el, "result", item.result);
          this.$set(el, "remark", item.remark);