需求前提&＃xff0c;后台对接接口&＃xff0c;然后加收起展开功能&＃xff0c;丢给我了&＃xff0c;功能如图&＃xff1a;
第一想到就是使用变量操作显隐&＃xff0c;在不改动接口的情况下&＃xff0c;自己手动给总数据添加了一个属性和属性值&＃xff1a;
this.tab1List.forEach((item) &＃61;> {item.isShowData &＃61; false;
});
this.tab1List[0].isShowData &＃61; true;
// 需求是第一个数据默认展开&＃xff0c;所以单独赋值了true
收起>
展开
// 动态展示区域&＃xff1a;
机构件排产{{ item.BilDate }}
// js部分
// 收起
handleUp(item, id) {item.isShowData &＃61; false;// 这是重点:必须使用Item&＃xff0c;不然更新不了还报错&＃xff0c;&＃xff08;如下图&＃xff09;this.$set(this.tab1List, id, item);
},
// 展开
handleDown(item, id) {item.isShowData &＃61; true;this.$set(this.tab1List, id, item);
},
我尝试过直接赋值&＃xff1a;
this.tab1List[id].isShowData &＃61; false 或者this.tab1List[id].isShowData &＃61; true
控制台打印的值变化是正确的&＃xff0c;但是试图没有更新
某女&＃xff1a;好冷&＃xff0c;我&＃xff1a;又想钻我怀里&＃xff1f;哈哈啊哈哈
京公网安备 11010802041100号