v-model on textarea 覆盖内容答案

【问题标题】：v-model on textarea overwriting contentv-model on textarea 覆盖内容
【发布时间】：2018-05-15 08:23:02
【问题描述】：

学习 Vue，我正在遍历一个对象，我希望能够在每个文本区域中显示一些内容并单独识别文本区域以进行更新等，但是我有一个问题，因为 v-model 用标识符号填充它.

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

我的代码很简单：

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

我的字段中只填写了一个数字，而我想要 content.value 为例

【问题讨论】：

有点奇怪，您使用变量“index”作为文本区域模型。无论如何：使用钩子函数“beforeMount”，用“content.value”的内容覆盖“index”。有关更多信息和 vue 生命周期图，请参见此处：vuejs.org/v2/api/#beforeMount

【解决方案1】：

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

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

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

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

【讨论】：