DataV-Team / DataV

Vue数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新(React版已发布)
http://datav.jiaminghi.com
MIT License
9.04k stars 1.79k forks source link

怎么设置动态数据 #279

Open zhangxushiyong opened 2 years ago

zhangxushiyong commented 2 years ago

Bug report

出现Bug的组件?

组件配置数据?

控制台错误输出?

期望情况?

实际情况?

其他相关信息

qq415989157 commented 2 years ago

例如 <dv-conical-column-chart :config="config" style="width: 464px; height: 124px" /> data() { config: { data: [], showValue: true, }, }

在你的methods方法里 直接修改this.config.data = [xxx,xxx]这样是触发不了dataV更新的 赋值完后this.config = {...this.config}就能触发更新 原因是dataV源代码watch没有deep:true 监听不到this.config里的对象变化 只能让整个this.config变化或者重新指向新对象 才能触发监听