vue中选中多个选项并且改变选中的样式

在这里插入图片描述

<div class="imgList">
     <div class="image-item" :class="{'attachment_selected': rSelect.indexOf(item)!=-1}" v-for="(item, index) in imgList" :key="item.recordId" @click="chooseImg(item, index)">
     	<img :src="item.image" alt="" class="single-img">
     </div>
</div>
chooseImg(item, index) {
    
    
      if (this.rSelect.indexOf(item) !== -1) {
    
    
          this.rSelect.splice(this.rSelect.indexOf(item), 1); //取消
      } else {
    
    
          this.rSelect.push(item);//选中添加到数组里
      }
}

猜你喜欢

转载自blog.csdn.net/lannieZ/article/details/111365394