vue-element-admin 富文本TINYMEC - 编辑组件第二次打开出问题记录

问题1Tinymec第二次打开之后,自带第一次打开的内容:

  1. 如下图

可对每行的内容进行编辑。第一次ID=1的编辑如下图:

打开ID=2之后内容el-dialog弹窗中内容为空白,但是后台传给前端的是有内容的。

后来百度之后发现以前也有人遇到过这种问题。再次记录一下前人的解决方式。

更详细的转致:我也是借鉴的此文章,感谢此文章的作者。vue-element-admin使用Tinymce富文本插件的踩坑填坑_Queen-Shir的博客-CSDN博客vue-element-admin项目的作者已经封装好了Tinymce富文本组件,我直接在Git上下载demo运用到自己项目里。这是Git地址:https://github.com/PanJiaChen/vue-element-admin一、Bug描述:(组件的代码和demo基本一致的前提下)我在编辑弹窗里引用了Tinymce富文本组件,如下图,table的每条数据都有一个“修改”按钮,每次点击“修改”按钮,则弹窗里显示该行对应的HTML。可是从第二次开始每次富文的内容都和第一次的一样,按道理不https://blog.csdn.net/qq_36069339/article/details/107666532 

问题2:新增时,富文本会带出来,之前点击编辑之后的内容。

具体情况如下图所示:

  1. 点击编辑如下图,内容为test1

        2. 关闭编辑页面在打开新增页面如下: tinymec插件内出现之前编辑页面的内容。

3.解决办法如下图:需要在新增的点击事件中,加入this.edit.formDate = {},把新增页面的的数据置为空。只有就保证了tinymec的初始化数据为空。并且要释放组件Tinymec 的钩子(即:问题1的解决办法)。

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值