vue富文本Tinymce v-model无效,无法响应式发生改变
<tinymce ref="question" v-model="question" height="100" width="800" />问题:今天想要初始化富文本框里面的内容,tinymce虽说用v-model用来绑定值,但是,当值改变的时候,并不会发生响应式改变,这就很坑了。解决:只能通过setContent来设置值this.$refs.question.setContent('
·
<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('')
}
更多推荐
已为社区贡献2条内容
所有评论(0)