vue-antd之Tabs使用记录

在使用Tabs的过程中，强制刷新浏览器，会使得初始选中的tab-pane没有ink bar高亮条，打开控制台，发现ink bar的宽度为0

Screenshot_1.png

大致原因

在强制刷新浏览器时，该组件并没有获取到js赋予的样式，导致width为0，可能是因为异步数据加载导致的渲染问题

解决方案

图片.png

需要使用nextTick或者setTimeout进行延迟数据加载，即保持数据在DOM渲染完成后获取。再搭配v-if或者v-show控制tabs组件的显隐，才可以正常显示。