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

最新推荐文章于 2023-09-21 11:15:42 发布

喔烨鸭

最新推荐文章于 2023-09-21 11:15:42 发布

阅读量2.4k

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_45432996/article/details/114666623

版权

在这里插入图片描述
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);
         }
      };
    }
  },