Vue ElementUi table宽度自适应 宽度计算

  computed: {
    tableRange() {
      const { tableHeaderData, tableDataList } = this
      return {
        tableHeaderData,
        tableDataList
      }
    }
  },
  watch: {
    tableRange(val) {
      const _this = this
      const tableDataList = val.tableDataList.slice(0, 10)
      const tableHeaderData = val.tableHeaderData
      if (tableDataList.length === 0) return
      var header = []
      tableHeaderData.forEach((item, index) => {
        header.push({ indexKey: index + 1 })
      })
      var obj = {}
      header.forEach(header => {
        obj[header.indexKey] = []
      })
      // 数据为空时，只获取表头的宽度自适应 // 数据不为空，全部数据宽度自适应
      tableHeaderData.forEach((head, headIndex) => {
        obj[headIndex + 1].push(head.description)
      })
      if (tableDataList.length > 0) {
        tableDataList.forEach((row, rowIndex) => {
          row.forEach((col, colIndex) => {