textarea 上的 v-model 覆盖内容

Question

学习 Vue，我正在遍历一个对象，我希望能够在每个 textarea 中显示一些内容并单独识别 textarea 以进行更新等，但是我遇到了一个问题，因为 v-model 用标识符号。

我尝试使用 {{}} 将内容直接包含在 textarea 中，v-model 覆盖了它。

我的代码很简单：

textarea.text(v-model="index")
    | {{content.value}}

最后我的字段只填了一个数字，而我想要 content.value 例如

Answer 1

<textarea   
    :value="textareaValue"
    @input="input($event.target.value)"
    @focus="onFocus"
    @blur="onBlur"
>

其中 input 是您在写作时对文本进行处理的方法。和 :value 是显示的文本（初始可以说）。

您可以将其包装在您的组件 my-textarea 中。只要确保在 input 方法中发出值，并设置 value prop.

  <my-textarea
        v-model="parentValue"
></my-textarea>

v-model on textarea overwriting content