VUE中怎么把数组push入input当中

Question

我现在用v-for循环出来的数组想push一段进去input,但是发现没有push进去到指定的input，反而是循环出几个input，这不是我想要的，我想的是，把一段数组Push到指定的Input里。就像在输入框打字一样。

Answer 1

<input type="text" v-model="inputvalue">
data(){
return{
tabbox:[{tabname:'x'},{tablename:'b'},...];
}
},
computed:{
inputvalue:function(){
let arr=[];
let str='';
for(let i = 0;i<this.tabbox.length;i++){

arr.push({tabName:this.tabbox[i].tablename})

}
str= arr.join(' ');
return str;
}
}

Answer 2

把数组转换成字符串
然后再用v-model绑定input

arr.join(',')

Answer 3

把数组 组合成字符串再 赋值

用了 v-for 就会循环渲染dom

Answer 4

用二维数组啊，二维里放你的文字，for遍历一维，然后v-model绑定item【0】不就可以了嘛