一个数组里包裹一个很多个对象，点击对象往另一个数组里添加，如何避免重复添加

Question

arr1: [ { id: 1, right: true, rightName: "对的", wrong: false, wrongName: "错的" }, { id: 2, right: true, rightName: "对的", wrong: false, wrongName: "错的" }, { id: 3, right: true, rightName: "对的", wrong: false, wrongName: "错的" } ], arr2: [] <li v-for="item in arr1" :key="item.id" @click="addToArr2(item)"> <div> <input type="checkbox" v-model="item.right"> <span>{{item.rightName}}</span> &nbsp;&nbsp;&nbsp;&nbsp; <input type="checkbox" v-model="item.wrong"> <span>{{item.wrongName}}</span> </div> <hr> </li> addToArr2(item){ this.arr2.push(item) }