Ant Design Vue可能遇到的问题（持续更新）

一、table 筛选功能 修改icon

首先需要在定义的 columns 中 设置 filterIcon 属性。

computed: {
      columns() {
        let { sortedInfo, filteredInfo } = this;
        console.log(sortedInfo, filteredInfo)
        sortedInfo = sortedInfo || {};
        filteredInfo = filteredInfo || {};
        const columns = [
          {
            title: 'Name',
            dataIndex: 'name',
            key: 'name',
            filters: [
              {
                text: 'A',
                value: 'A',
              },
              {
                text: 'B',
                value: 'B',
              },
              {
                text: 'C',
                value: 'C',
              },
              {
                text: 'D',
                value: 'D',
              },
              {
                text: 'E',
                value: 'E',
              },
            ],
            filteredValue: filteredInfo.name || null,
            onFilter: (value, record) => record.name.includes(value),
            // sorter: (a, b) => a.name.length - b.name.length,
            sortOrder: sortedInfo.columnKey === 'name' && sortedInfo.order,
            ellipsis: true,
            filterIcon: this.expandIcon
          },
          {
            title: 'Age',
            dataIndex: 'age',
            key: 'age',
            // sorter: (a, b) => a.age - b.age,
            sortOrder: sortedInfo.columnKey === 'age' && sortedInfo.order,
          },