震惊!!!在a-form中使用wangeditor或者其他的富文本编辑器竟离奇消失??

尊贵的十八厘米靓仔

在这里插入图片描述
话不多说,上活!!

场景:一个在a-form里面点击单选框后弹出了一个多选框选择了后保存,回来查看详情时wangeditor竟然离奇失踪了,查看实时数据和配置后也都一切正常,这究竟是为什么呢。



考虑过很多情况,比如说:数据被修改了、后台发过来的数据有问题、有啥地方漏处理了等等,一切能想到的都检查过了,没有。。完蛋。。。到了后面,想到了最基本的问题,因为很简单,所以在第一次大问题排除就排除出去了,就是挤压。。。
为啥一开始没往这边想,因为正常来说Ant Design Vue的组件一般都会自适应的,不会出现这种挤压然后导致消失的情况出现,
然而万万没想到失策了,他竟然真的没有自适应,而没有自适应的原因是我弹出多选框使用的是v-if的判断,v-if判断会创建一个DOM,而a-form组件在一开始就已经定义好了里面各个控件的长度,你突然弹出一个DOM出来坏了它定义的尺寸就导致了最后一个东西也就是富文本编辑器被挤压消失了

解决方法就是将v-if换成v-show就好了。

总结:终究还是想得太复杂了,忘了那句老话了,大道至简。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值