element-ui—表格加载动态数据

一、参考文档

https://segmentfault.com/q/1010000007746117/a-1020000007746246

二、使用步骤

1.构建对话框表格结构

2. 初始化变量

data () {
    return {
      dialogTableVisible: false,
      gridData: []
    }
}

3. 根据需求(初始化、点击、...)请求数据

selectItem () {
    this.$axios.get('/tax/v1/device/goods/' + this.deviceId)
        .then(res => {
            // 显示对话框
            this.dialogTableVisible = true
            let data = []
            let list = res.data.goodsList
            // 遍历数据给新的变量
            if (list.length) {
                for (let i = 0; i < list.length; i++) {
                let obj = {}
                if (list[i].spbm.jc) {
                    obj.name = '*' + list[i].spbm.jc
                } else {
                    obj.name = ''
                }
                obj.name = obj.name + '*' + list[i].name
                obj.ggxh = list[i].ggxh
                obj.dw = list[i].dw
                obj.price = list[i].price
                obj.taxRate = list[i].taxRate
                data[i] = obj
            }
          }
          // 给数据源赋值
          this.gridData = data
        })
        .catch(err => {
          console.log(err)
        })
    }