Ant Design of Vue表格（带分页/多选）

          <a-table
            :rowKey="(record, index) => index"
            :row-selection="rowSelection"
            :columns="columns"
            :data-source="data"
            :pagination="{
              pageSize: 10,
              total: total,
              onChange: (page, pageSize) => this.onChange(page, pageSize), //点击页码事件
              showTotal: (total) => `共 ${total} 条`,
            }"
          >
            <a slot="text" slot-scope="text">{{ text }}</a>
          </a-table>

  computed: {
    rowSelection() {
      return {
        onChange: (selectedRowKeys, selectedRows) => {
          // 序号
          this.selectedRowKeys = selectedRowKeys;
          // 多选的值
          this.selectedRows = selectedRows;
        },
      };
    },
    }

data(){
   return{
       total: 0,
       pageNo: 1,
       columns:[  {
          title: "name",
          width:'20',
          dataIndex: "name",
          customRender: (text, record, index) => {
          // text 文本值
          // record 没一行的数据集
            if (record.count !== 0) {
              return (
                <a>
                  {text} <a-tag color="green">tag</a-tag>
                </a>
              );
            } else {
              return <a> {text}</a>;
            }
          },
        },]
}
}