vue富文本Tinymce v-model无效,无法响应式发生改变

 <tinymce ref="question" v-model="question" height="100" width="800" />

问题:
今天想要初始化富文本框里面的内容,tinymce虽说用v-model用来绑定值,但是,当值改变的时候,并不会发生响应式改变,这就很坑了。

解决:
只能通过setContent来设置值

this.$refs.question.setContent('')

当一个页面中存在多个富文本框的时候
假设值 arr = [1,2,3]

<div v-for="(item, index) in arr" :key="index"> 
 	<tinymce :ref="`question${index}`" v-model="question" height="100" width="800" />
</div>

遍历初始化富文本框

for (let i = 0 ; i < this.arr.length ; i ++){
 	this.$refs[`question${i}`].setContent('')
}

你可能感兴趣的:(Vue,前端,vue)