如何在 V 循环中选择一个元素?(vue.js)

Question

我想创建一个函数，当用户单击时，它不再显示。 但是那个框在 for 循环内，所以我不知道如何从循环内部只访问一个元素。

<template>
<div>
<div class="box" @click="click(i)" v-for="(d,i) in data" :key="i">
{{d}}
<div v-if="select" class="el">here</div>
</div>
</div>
</template>

<script>
export default {
name: "Test",
data() {
return {
data: [1, 2, 3, 4, 5, 6, 7, 8],
select: true
};
},
methods: {
click(i) {
this.select === false;
}
}
};
</script>

Answer 1

有很多方法可以做到这一点。

一种方法是在对象数组中转换该数字数组。

这是一个工作示例的片段。

https://playcode.io/608867/