i1arn

> 我也遇到了相似的问题。 > > 我的场景是：引用了Element UI的Tabs组件，在每一个tab页中，我都引用了DataV中的dv-decoration-9组件。然而，有趣的是，组件只能显示在一个tab上，其他tab不显示。 > > 经过排查后发现，是与楼里各位同样的问题，svg获取不到width，width为0。 > > 经过进一步的排查，原来在el-tab中，当一个tab页显示，其他tab页会用“display:none”的属性隐藏，然而在display: none的时候，会将没有渲染的元素（比如这里的dv-decoration-9）移出DOM树，因而svg也就获取不到width了。Google搜索“display：none width 0”的关键词可以搜到很多这样的问题，不仅仅局限于DataV。 > > 我解决的突破口放在避免“display: none”的使用上。所以我通过v-if控制tab页的渲染，即只有在tab页被选中时，才将它渲染到页面上。例如： > > ` Data Analytics AI methods: { handleTabClick(tab) { //...