页面效果数据结构list:[{name:'Name1',indexes:[{tag:'Tag1'},{tag:'Tag2'},{tag:'Tag3'},{tag:'Tag4'}]},{name:'Tag2',indexes:[{tag:'Tag11'},{tag:'Tag22'},{tag:'Tag33'},{tag:'Tag44'},{tag:'Tag55'},{tag:'Tag66'}]},{name:'Name3',indexes:[{tag:'标签111'},{tag:'Tag222'}]},{name:'Name4',indexes:[{tag:'Tag1111'},{tag:'Tag2222'},{tag:'Tag3333'}]},{name:'Name5',indexes:[{tag:'Tag1'}]}]实现功能，右侧多选框选中，然后批量删除。没有本地实现的接口，遇到问题一开始一直想着foreach循环，选中就删掉，用foreach+splice()，然后遇到下面的问题，我选了四个只删了两个（当时不知道在想什么..)[图片上传失败...(image-44b5f3-1662600608087)]//删除方法deleteBtn(){this.list.forEach((i)=>{i.indexs.forEach((c,cIndex)=>{if(c.checked==true){console.log(c.checked);i.indexs.splice(cIndex,1)}});});}解决方案this.list.forEach((i)=>{//删除选中的对象i.indexs=i.indexs.filter(item=>{return!item.checked});});//name下的标签为空deletenamethis.list=this.list.filter(item2=>{returnitem2.indexs.length>0;});页面的整个代码如下/button>
