遍历出来的div(标签)部分不可点击或不触发事件,除了通过事件判断,还可以使用Css3中的ponter-events属性

it2023-02-02  50

遍历出来的标签部分不可点击或不触发事件: 一、js事件处理方式

<div v-for="item in lists" :key="item.id" @click="judgeClick(item)"> </div> methods: { judgeClick(item) { if(item.threshold) { // threshold一个变量判断是否可点击 // 符合条件触发事件 } else { // 不符合条件处理 } } } 二、css3处理方法 ```html <div v-for="item in lists" :key="item.id" @click="judgeClick(item)" :class="item.threshold ? 'canClick' : ''"> </div> .canclick{ pointer-events: none; }
最新回复(0)