ant ui table组件 expandIcon属性没效果

Question

expandIcon属性是用来替换表格展开关闭的默认图标，用插槽的方式，但是没效果，footer和title都可以插入图标。

 <template slot="expandIcon">
      <a-icon type="aliwangwang" />
 </template>

Answer 1

expandIcon 是写在table标签里的 :expandIcon="xxx",然后再methods里写一个xxx的方法
例子如下：

<a-table
    :columns="columns" 
    :dataSource="data"
    :expandIcon="expandIcon"
  />

然后在methods里写一个 expandIcon的方法

methods:{
 expandIcon(props) {
        // 注：这里可以根据你的逻辑来判断 icon里的 onClick方法要写，不然点击不了
        // 如果是关闭状态，显示向右的箭头，展开则显示向下的箭头，这里根据自己需要来换icon
        if (props.expanded) {
          return <a-icon type='down' onClick={e => {
                            props.onExpand(props.record, e);
                        }}/>;
        } else {
          return <a-icon type='right' onClick={e => {
                            props.onExpand(props.record, e);
                        }}/>;
        }
      }
}

Answer 2

解决了吗 朋友