可以在模板中使用双重循环,第一重循环遍历数组中的每一个对象,第二重循环遍历数组中的每一个对象,如果第二重循环中遇到与第一重循环相同的name值,则使用v-if跳过这次循环。

示例代码如下:

<div v-for="(item1, index1) in cp">
  <div v-for="(item2, index2) in cp" v-if="index1 !== index2 && item1.name === item2.name">
    <!-- 如果有重复值,则不进行任何操作 -->
  </div>
  <div v-else>
    <!-- 如果没有重复值,则进行操作 -->
    <h3>{{ item1.name }}</h3>
    <p>{{ item1.jj }}</p>
  </div>
</div>
vuejs怎么通过两个v-for和v-if判断一个数组中name是否有重复值如果有跳过这次操作数组数据为 cp name拉网铝单板url#jj该产品是室内天花吊顶的个性化产品工艺先进的拉网技术造就了细腻的网格。搭配下来会营造出视觉通透的效果并且能在一定程度上降低噪音污染金属铝拉网以优质铝合金为主要材料按客户提供设计尺寸、形状和构造形式经过工titlepicdfilep20

原文地址: https://www.cveoy.top/t/topic/fG2j 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录