antd table组件中列宽拖拽resizable未生效解决办法

1. 首先，table组件中需要绑定一个方法@resizeColumn="handleResizeColumn"。

<a-table
    :dataSource="data"
    :columns="columns"
    @resizeColumn="handleResizeColumn"
></a-table>

2. 之后，columns使用ref声明，我就是因为没有用ref声明导致的，并且需要有width，minWidth，maxWidth，resizable 几个参数。

const columns = ref([
  {
    title: '姓名',
    dataIndex: 'userName',
    key: 'userName',
    resizable: true,
    width: 200,
    minWidth: 200,
    maxWidth: 800,
    align: 'center',
  },
]);

3. table中绑定的方法@resizeColumn="handleResizeColumn"

function handleResizeColumn(w, col) {
  col.width = w;
}