vue项目如何获取数组对象的某个值

Question

 data() {
    return {
      Name1: false,
      data: [
        {
          Name: "糖糖",
          productName: "爱马仕",
        },
        {
          Name: "华华",
        },
      ],
    };
  },
  created() {
    this.Name();
  },
  methods: {
    Name() {
      this.data.map((item) => {
        if (item.productName === "爱马仕") {
          this.Name1 = true;
        }
      });
    },

下面是结构代码

 <div class="box-wrap">
      <div
        class="box"
        v-for="(item, index) in data"
        :key="index"
      >
        <div class="box-title">
          <div class="product-name" v-if="Name1">
            {{ item.productName }}
          </div>
        </div>
      </div>
    </div>

根据这两个数组对象的数据来 循环了两个div盒子 然后这两个盒子中有个class=product-name的小盒子 想通过productName这个字段来判断这个小盒子的显示 隐藏 即想要循环的两个大盒子中 一个有小盒子 一个没有小盒子
想用name1 的布尔值来控制 但是获取不到 对应的‘爱马仕’这个字段 不知道哪里写错了

Answer 1

问了好多人 结果发现是一个很简单的问题 我的意思是想 循环了两个大盒子 大盒子中都有一个小盒子 我想通过这个数据中爱马仕这个字段 来判断 小盒子的隐藏显示 结果是我写复杂了 直接在小盒子里面v-if=item。productName就好了