DataV的UMD版本之动态渲染数据的踩坑点

问题描述

当我在使用datav的umd版本时，想要从后端获取展示的数据，将其添加到对应的data中，如下所示

config:{
     data:[]
     index: true,
     columnWidth: [30, 70],
     align: ['center'],
     oddRowBGC: 'rgba(9, 37, 50, 0.4)',
     evenRowBGC: 'rgba(10, 32, 50, 0.3)'
}
                   

这时我发现使用以下两种都不能将数据渲染上去：

第一种方式

 Vue.set(app.config,"data", resp.data);

第二种方式

app.config.data=resp.data

解决办法

将所有的配置都放在请求完成后进行（这句话可能说得有问题，欢迎指正）

data () {
     return {
          config: {},
     }
},

axios.get('/xxx').then(resp => {
   this.config={
              data: resp.data[0],
              index: true,
              columnWidth: [30, 70],
              align: ['center'],
              oddRowBGC: 'rgba(9, 37, 50, 0.4)',
              evenRowBGC: 'rgba(10, 32, 50, 0.3)'
    }
}

这样即可解决问题

其中具体的原理不是很清楚，若有人知道，欢迎指出，一起学习。