Javascript vuejs v-html呈现Binding值延迟：必须在textarea控件中通过鼠标单击来触发

我有以下问题： 有一个textarea，它是带值的v型。 该值是用{{{value}}}呈现的，我的问题是： 当我用javascript更改textarea控件内容时，{{{value}}}不会立即呈现。我必须做一个点击进出文本区。 现场小提琴在这里：

html在这里：

插入强标记
{{{content}}}

js在这里：

新Vue({
el:“#应用程序”，
数据：{
内容：“这是初始内容数据”
},
方法：{
insertTag:function（）{
var textel=document.getElementById（'textarea'）；
textel.value=textel.value+‘这是em’；
}
}
})

基本的VueJS范例是对数据而不是html小部件值进行操作。

insertTag

函数应该类似于：

insertTag: function() {
   this.content = this.content + '<em>this is em</em>';
}

insertTag:function（）{
this.content=this.content+‘这是em’；
}

---

您可以看到工作示例

基本的VueJS范例是对数据进行操作，而不是对html小部件值进行操作。

insertTag

函数应该类似于：

insertTag: function() {
   this.content = this.content + '<em>this is em</em>';
}

insertTag:function（）{
this.content=this.content+‘这是em’；
}

您可以看到工作示例