ant-design-vue 树形结构table使用sort出现无线循环的问题

Question

---

已解决 - (改为默认第一列排序，点击其他表头切换排序，数据源于服务端）

computed: {
    getColumns() {
      let newColumns = [];
      const { sidx, sord, tableTitle } = this;
      tableTitle.map((item) => {
        newColumns.push({
          title: item.cloumnConf.cloumnName,
          dataIndex: item.cloumnConf.cloumnCode,
          key: item.cloumnConf.cloumnCode,
          sorter: sidx.indexOf(item.cloumnConf.cloumnCode) != -1 ? true : false,
          defaultSortOrder: sidx.indexOf(item.cloumnConf.cloumnCode) != -1 ? sord == 'asc' ? 'ascend' : 'descend' : null,
          sortDirections: ['ascend', 'descend'],
          scopedSlots: { customRender: item.cloumnConf.cloumnCode },
          customCell: (record, rowIndex) => this.viewCustomCell(record, rowIndex),
          customHeaderCell: (column) => this.viewHeaderRow(column)
        })
      });
      return newColumns;
    }
  }

Answer 1

1. 我倒是也没看出来下面的函数是否会修改对象
2. 不过这种情况不应该用 method，应该用 computed