前端开发解决同一个item可以被多次选择的需求

其实上述问题很简单，只用在item的点击事件里面做一个同一个item禁止多选的处理即可，但是本篇博文之所以拿出来要“小题大做”，还是要顺便再介绍一下findIndex() 方法的使用。
1、
:centered="true"
width="660"
height="440"
okText="确定"
cancelText="取消"
@ok="selectDone"
@cancel="cancelSelect">
 

:class="['item',{selected: isMediaSelected(item.id)}]"
v-for="item in sourceMediaList"
:key="item.id"
@click="selectMedia(item)">

:src="item.url"
class="img-fluid" />
 

 

:title="item.mediaName">{{item.mediaName}}

 

:total="queryObj.total"
@change="pageChange" />

2、
methods: {
selectMedia (item) {
if (this.isMediaSelected(item.id)) {
return;
}
},
isMediaSelected (id) {
return this.mediaList.findIndex(item => item.mediaId === id) > -1;
},
}