尊贵的十八厘米靓仔
话不多说,上活!!
场景:一个在a-form里面点击单选框后弹出了一个多选框选择了后保存,回来查看详情时wangeditor竟然离奇失踪了,查看实时数据和配置后也都一切正常,这究竟是为什么呢。
考虑过很多情况,比如说:数据被修改了、后台发过来的数据有问题、有啥地方漏处理了等等,一切能想到的都检查过了,没有。。完蛋。。。到了后面,想到了最基本的问题,因为很简单,所以在第一次大问题排除就排除出去了,就是挤压。。。
为啥一开始没往这边想,因为正常来说Ant Design Vue的组件一般都会自适应的,不会出现这种挤压然后导致消失的情况出现,
然而万万没想到失策了,他竟然真的没有自适应,而没有自适应的原因是我弹出多选框使用的是v-if的判断,v-if判断会创建一个DOM,而a-form组件在一开始就已经定义好了里面各个控件的长度,你突然弹出一个DOM出来坏了它定义的尺寸就导致了最后一个东西也就是富文本编辑器被挤压消失了
解决方法就是将v-if换成v-show就好了。