一、业务场景:
最近在使用DataV可视化库的时候,发现在dv-border-box-8 组件内的布局不生效,为了大家后面遇到和我一样的问题,给大家分享一下
二、bug信息:
三、问题原因:
默认是初始svg的宽高,当其他组件加载出来后内容会撑开宽高,也就是说dom虽然改变了,但是没有监听到,这个时候需要用到官网有一个方法可以调用
四、解决方案:
在加载页面的时候在mounted生命周期里执行initWH 方法(必须写在异步方法里),它可以重置边框组件的宽高
五、具体实现步骤:
html部分代码
<dv-border-box-8 ref="box">
<table></table>
</dv-border-box-8>
js部分代码
mounted() {
setTimeout(() => {
this.$refs.box.initWH()
}, 100)
}
六、效果展示:
你已经成功了,撒花。
今天的分享到此结束,欢迎小伙伴们一起交流