dialog中使用Tinymce 编辑器,有时会无法回显内容

Tinymce编辑器 第一次数据正常回显,显示空白bug且不能编辑

如下所示在这里插入图片描述
解决方法


 <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="60%" 	
               top="4vh"
               :modal-append-to-body="false"
               append-to-body>
        <tinymce v-if="dialogVisible" ref="tinymce" v-model="formAddNotice.content" :height="500" class="add-notice-row" />
    </el-dialog>

这里可以给富文本组件也绑定一个dialogVisible,用于控制文本渲染与销毁。

这样,富文本就可以正常回显编辑了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值