想实现一个添加按钮的功能。vue

Question

现在有两个数组。一个数组A，一个数组B。想实现这么一个功能：点击数组A里的按钮，将其添加到数组B里（这里实现了）。如果数组B里有这个按钮，就提示“不要重复添加”我是用VUE写的。现在弹出提示这里卡住了。代码：
数组A和按钮：
data(){
return{
lablelist:[
{
name:"一二三"
},
{
name:"艾泽拉斯"
},
{
name:"术士"
},
{
name:"牧师"
},
{
name:"法师"
},
],
}
type="primary"icon="el-icon-circle-plus-outline"roundplainsize="small"
native-type="button"@click="lablebtnitem(item,key)">{{item.name}}
数组B和按钮：
waitLoadList:[]
icon="el-icon-circle-plus-outline"roundplain
size="small"native-type="button"
@click="waitlloadbtn(item,index)">{{item.name}}
JS：
lablebtnitem(item){
console.log(item)
letarray=this.waitLoadList
if(array.length==0){
this.waitLoadList.push({
name:item.name
})
//this.waitLoadList=this.waitLoadList
}else{
array.forEach((data,idx)=>{
console.log(data.name)
if(data.name.indexOf(item.name)==-1){
this.waitLoadList.push({
name:item.name
})
returntrue
}else{
//把标签列表里的按钮添加到待上传处
alert("请勿重复添加标签")
returnfalse
//this.waitLoadList=this.waitLoadList
}
})
}
},
现在就是点击第一个按钮添加了一个，第二个添加了一个，第三个按钮开始就添加的不对了。开始变得很多。