vuejs怎么通过一个v-for和一个v-if判断数组中是否有重复值如果有重复值跳出此次循环数组数据为 cp name拉网铝单板url#jj该产品是室内天花吊顶的个性化产品工艺先进的拉网技术造就了细腻的网格。搭配下来会营造出视觉通透的效果并且能在一定程度上降低噪音污染金属铝拉网以优质铝合金为主要材料按客户提供设计尺寸、形状和构造形式经过工titlepicdfilep202
可以在v-for循环中使用一个变量来存储之前循环过的值,然后在每次循环时判断当前循环的值是否和之前的值重复,如果重复则跳过此次循环。
例如:
<div v-for="(item, index) in cp" v-if="!isDuplicate(item, index)">
<!-- 显示数据 -->
</div>
然后在Vue实例中定义一个isDuplicate方法来判断是否重复:
data() {
return {
previousItems: []
}
},
methods: {
isDuplicate(item, index) {
if (this.previousItems.includes(item)) {
return true;
} else {
this.previousItems.push(item);
return false;
}
}
}
这样就可以通过v-for和v-if判断数组中是否有重复值,并跳过重复的数据。
原文地址: https://www.cveoy.top/t/topic/fG4d 著作权归作者所有。请勿转载和采集!