Vue.js 如何将一个v型模型的值拟合到另一个v型模型中？

在本例中，我尝试使用Vue v-model构造将

div id=“message”

中的值拟合到textarea中，但这不起作用

<template>
<div>
    <textarea v-model="text"></textarea>
</div>


 <div>
    <div id="message" v-model="text2">{{ comment.message }}</div>
      <button @click="update(text2);">
           Edit
      </button>
</div>

</template>

<script>
export default {
   data() {
     return {
     text: [],
     text2: null
                   }
        },

methods: {

/* not work */
update(text2) {
   this.text = text2;  
    }
}
<script>

{{comment.message}}
编辑
导出默认值{
数据（）{
返回{
案文：[]，
text2:null
}
},
方法：{
/*不行*/
更新（文本2）{
this.text=text2；
}
}

---

如何确保当我单击“编辑”按钮时，

v-model=“text2”

的值插入

v-model=“text”

？

您不能在

上使用

v-model

，因为它不是输入元素

似乎您要做的是在单击编辑按钮时将注释消息设置为

text

，以便可以通过文本区域进行编辑。您所要做的就是将

comment.message

作为参数传递：

还有几件事：

您的模板中不能有多个根元素（您有两个根

元素）。您可以将所有内容包装在一个

中

text

的初始值

[]

与textarea的

v型不兼容；您的意思是
'