textarea上的v-model覆盖内容

时间:2017-12-01 09:01:42

标签: vue.js v-model

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

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

我的代码非常简单:

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

我的字段中只填充了一个数字,而我希望content.value例如

1 个答案:

答案 0 :(得分:1)

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

其中input是您在编写时对文本执行某些操作的方法。和:value是显示的文本(首先可以说)。

你可以将它包装在你的compennt my-textarea中。 请务必在input方法中发出值,然后设置value prop。

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