Vue tinymce富文本数据回显不了问题

在使用TinyMCE编辑器时遇到一个问题,即数据无法正常回显,显示为空白。为了解决这个问题,文章提出了一个解决方案,即给tinymce标签添加ref属性,然后在JavaScript中利用$refs和setContent方法来设置内容,从而成功地解决了回显空白的bug。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在查看编辑富文本tinymce的时候,数据回显不了出现空白bug问题

<tinymce  v-model="contentTemplate.form.desc"/>

解决方案:
对tinymce 标签添加ref,然后通过.setContent 方法进行赋值


//HTML
<tinymce ref="tinymceReft" v-model="contentTemplate.form.desc"/>
 
 
//JS
this.$nextTick(()=>{
   this.$refs.tinymceReft.setContent('xxxx')
   
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值