vue如何把一个数组解析成一个Input框内值以逗号分隔的效果

Question

这里的kv.val是一个数组，是 通过遍历得到的。如何把这个数组在这里解析成一个input框内多个值并以逗号分隔。
computed又如何实现？

Answer 1

v-model也可以绑定函数，然后传参，像这样:

//html
//arr为你的数组
<Input v-for="(val,index) in arr" :key="index" v-model="newVal(val)" placeholder="请输入值" />
//js
methods:{
    newVal(val){
        //通过函数传参，就可以直接返回呢
        return val.join(',');
    }
}

Answer 2

computed

Answer 3

通过二楼热心朋友的建议，尝试了下v-model直接绑定方法会报错，但是事实证明是可以的。
https://jsbin.com/pomedawafe/...
感谢二楼提供的demo.
如果绑定computed，由于这是一个可变的值，所以也不好实现，最终惊奇的发现居然直接可以在变量上进行运算。

<Input v-for="(val,index) in arr" :key="index" v-model="val.join(',')" placeholder="请输入值" />