Vue.js 如何使用 v-for 和 v-if 判断数组中 name 是否重复，如果有重复则跳过该项

<template>
  <div>
    <div v-for="item in filteredCp" :key="item.name">
      <h3>{{ item.name }}</h3>
      <p>{{ item.jj }}</p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      cp: [
        {'name': '拉网铝单板', 'url': '#', 'jj': '该产品是室内天花吊顶的个性化产品，工艺先进的拉网技术，造就了细腻的网格。搭配下来，会营造出视觉通透的效果，并且能在一定程度上降低噪音污染，金属铝拉网以优质铝合金为主要材料，按客户提供设计尺寸、形状和构造形式经过工', 'titlepic': '/d/file/p/2023/05-30/d7bf16ab5659c851eb93c87a2274feac.jpg'},
        {'name': '浮雕铝单板', 'url': '#', 'jj': '铝单板雕刻花格, 立体铝单板雕刻花格已不再是一种简单的装修材料, 而是一种精美的艺术装饰品, 浮雕铝单板成为代表富贵身价, 豪华气派的风景线! 采用技术研制开发的铜艺整体雕花护栏。铝单板雕刻护栏、多种系列产品, 以它独', 'titlepic': '/d/file/p/2023/05-30/a4c020b60c47669ae664f57e40726e70.jpg'},
        {'name': '铝窗花/屏风', 'url': '#', 'jj': '铝窗花利用现代材料，以进口表面处理原料，精心打造！产品耐用，防火，防潮，环保。', 'titlepic': '/d/file/p/2023/05-30/a0c20f40686bebbfa6dbf232becb2cfa.jpg'},
        {'name': '铝空调罩', 'url': '/cpzx/17.html', 'jj': '应用领域：楼宇大堂/候机亭/公共场所/', 'titlepic': '/d/file/p/2022/05-14/b404c7d5994af2c1d492a7cb15b81e46.png'},
        {'name': '铝蜂窝板', 'url': '/cpzx/16.html', 'jj': '应用领域：楼宇大堂/候机亭/公共场', 'titlepic': '/d/file/p/2022/05-14/155172ae9973a26cd32921cb7620ac83.png'},
        {'name': '铝方通/铝天花', 'url': '/cpzx/15.html', 'jj': '应用领域：适用于地铁/高铁站/车站/机场/大', 'titlepic': '/d/file/p/2022/05-14/0aafed96b00969c575947390d95a8dd7.png'},
        {'name': '氟碳喷涂铝单板', 'url': '/cpzx/14.html', 'jj': '适用于各种建筑内外墙/大堂门面/柱', 'titlepic': '/d/file/p/2022/05-14/d1acf193d55d0dd653f7a270e4af0362.png'},
        {'name': '包柱铝单板', 'url': '/cpzx/13.html', 'jj': '应用领域：适用于各种建筑内外墙/大', 'titlepic': '/d/file/p/2022/05-10/43031ded0bcf04450312d1fff097f3e2.png'},        
      ]
    }
  },
  computed: {
    filteredCp() {
      const seen = new Set()
      return this.cp.filter(item => {
        if (seen.has(item.name)) {
          return false
        } else {
          seen.add(item.name)
          return true
        }
      })
    }
  }
}
</script>
<pre><code></code></pre>