Javascript 在v-for循环中将textarea的v-model绑定到Vue.js中的数组

我想将一个数组绑定到一个textarea，其中该textarea中的每一行都是数组中的一个元素。我不知道如何解决这个问题。我已经尝试过使用

v-:change

方法和临时

v-model

进行更新，但这太脏了

例如：

<div v-for="item, index in list">
<b-form-textarea v-model.trim="list[index]"></b-form-textarea>
</div>

---

您可以将每个textarea的输入值保存在一个对象中，这些值收集在一个数组中

可以通过计算属性处理此数组，以获得所需的结构-

split（“\n”）

var-app=新的Vue({
el:“#应用程序”，
数据：{
名单：[{
id:1，
值：“”
},
{
id:2，
值：“”
},
]
},
计算：{
listByBreaks（）{
返回此.list.map（e=>{
返回e.value.split（“\n”）；
});
}
}
})

按中断列表：{{listByBreaks}}

您只能使用v-model将整个textarea内容绑定到数据属性，您可以使用computed属性从列表中更新textarea，使用watch属性从textarea内容更新列表是的，我不得不说我对vue.js非常陌生，但我发现了一种使用computed属性和getter和setter的方法。但我没能把它和v-for一起使用

list[0] = ['row1 of textarea 1', 'row 2 of textarea 1', ...]
list[1] = ['row1 of textarea 2', 'row 2 of textarea 2', ...]