素材巴巴 > 程序开发 >

vue 修改数组属性,页面不重新渲染

程序开发 2023-09-14 18:01:55

有这样一个数组, 要做的是, 点击div 变色,在点击取消,尝试之后发现,当改变isChoose属性,
isChoose值改变,但是 页面不会重新渲染。效果如下
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
解决方案如下:
思路:
既然 深度渲染不行,那就用一个新数组 重新赋值就ok了

chooseDashboard(item) {let tmp = [];this.groupDashboardList.forEach(group => {group.children.forEach((child, index) => {if (item.id === child.id) {child.isChoose = !child.isChoose;}});tmp.push(group);});this.groupDashboardList = [...tmp];},.dashboard-active {background-color: red;
 }
 

标签:

上一篇: Bootstrap插件 carousel.js 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。