ant-design-vue 表格组件a-table中行使用Popover错位解决方案

无效的方案
content里面设置宽高
overlayStyle 设置弹窗宽高
加 forceRender 属性

分析:
Popover 定位的top不固定变化,有时正确有时不正确,传入logList数据不变后,不会发生错位,而流程上每次显示弹窗再去请求数据,导致错位

解决方案:
record中添加showLog字段标记显示隐藏
拿到数据后改变showLog使其显示

把查看按钮提到外面,避免Popover组件本身的点击改变showLog
加一个span占位,高度与查看按钮一致

image.png
image.png

你可能感兴趣的:(ant-design-vue 表格组件a-table中行使用Popover错位解决方案)