antd-vue中table中第一列加单选按钮

在这里插入图片描述
1.在table中加入:row-selection=“rowSelection”

<a-table
          :row-selection="rowSelection"
          :columns="columns"
          rowKey="id"
          :data-source="data"
          bordered
          size="middle"         
        >

2.写点击的事件

computed: {
    
    
    rowSelection() {
    
    
      return {
    
    
        type: "radio", //单选按钮定义
        onChange: (selectedRowKeys, selectedRows) => {
    
    
          console.log("选中的",selectedRowKeys,selectedRows);
         }
      };
    }
  },

猜你喜欢

转载自blog.csdn.net/qq_45432996/article/details/114666623
今日推荐