我有以下问题：
有一个textarea是带有值的v模型。
该值使用{{{value}}}呈现，我的问题是：
当我使用JavaScript更改textarea控件内容时，{{{value}}}不会立即呈现。我必须单击并退出文本区域。
现场小提琴在这里：
https://jsfiddle.net/matiascx/bbpmn39e/3/
html在这里：
<div id="app"> <textarea name="test" id="textarea" cols="30" rows="10" v-model="content"></textarea> <hr> <button @click="insertTag">insert strong tag</button> {{{ content }}} </div>
js在这里：
new Vue({ el: '#app', data: { content: 'this is the inital content data' }, methods: { insertTag: function(){ var textel = document.getElementById('textarea'); textel.value = textel.value + '<em>this is em</em>'; } } })
最佳答案
基本的VueJS范例是作用于数据，而不是html小部件值。insertTag函数应类似于：
insertTag: function() {
this.content = this.content + '<em>this is em</em>';
}
您可以看到工作示例here