DataV中边框组件不生效解决方案

一、业务场景：
最近在使用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)
    }

六、效果展示：

你已经成功了，撒花。
今天的分享到此结束，欢迎小伙伴们一起交流