dataV组件容器宽高发生变化后,组件不会自适应解决方法
项目中需要大屏幕数据展示,于是使用了dataV组件,但是使用是发现拖动浏览器边框,dataV组件显示异常,如图:于是查了官网,官网的解释如下:于是按照官网的意思编写代码:<dv-active-ring-chart ref="pie2" :config="config" :key="key" class="datav-item" />return {pieOutline: '',key
·
项目中需要大屏幕数据展示,于是使用了dataV组件,但是使用是发现拖动浏览器边框,dataV组件显示异常,如图:
于是查了官网,官网的解释如下:
于是按照官网的意思编写代码:
<dv-active-ring-chart ref="pie2" :config="config" :key="key" class="datav-item" />
return {
pieOutline: '',
key : 1,
}
methods: {
pieOutlineFunc () {
var _this=this
window.addEventListener('resize', function(e){
_this.$nextTick(()=>{
console.log(_this.$refs.pie2)
_this.key++
})
})
}
},
mounted () {
this.pieOutlineFunc()
},
于是可以自适应了
更多推荐
已为社区贡献1条内容
所有评论(0)