效果图
数组添加一个flag值控制是否选中
为了从数据库取到的数组有一个多选的效果
this.list.forEach(item =>{
this.$set(item,'selFlag',false);
});
getSelect(index, item) {
item.selFlag = !item.selFlag;
if(item.selFlag){
this.mediaList.push(item);
}else{
this.mediaList.splice(item,1);
}
this.mediaCode = item.code;
console.log('item',this.mediaList);
},
数组去重
// 当没有搜索值时进行缓存数据
if(self.searchValue == ''){
self.tempData = nodes;
}else{ // 将搜索的数据与以前的数据叠加
for (let i = 0; i < nodes.length; i++) {
if (self.tempData.indexOf(nodes[i]) === -1) { // 精华
self.tempData.push(nodes[i])
console.log("-111:", self.tempData);
}else{
self.tempData.splice(nodes[i],1);
}
}
nodes = self.tempData;
}
本文来自博客园,作者:depressiom,转载请注明原文链接:https://www.cnblogs.com/depressiom/p/16322573.html
标签:
uni-app
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)