:columns="columns" //在table中第一列加上复选框 :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :row-key="record => record.id" :data-source="data" :pagination="pagination" :loading="loading" @change="handleTableChange"

2、data设置

data() {
    return {
      data: [],
      pagination: {},
      loading: false,
      columns,
      selectedRowKeys: [],
其中selectedRowKeys是用来设置默认需要的表格中的某些行，可以直接设置默认值，也可以通过从后台获取数据，然后对其进行赋值，selectedRowKeys中存放的是table中属性row-key的值
 
3、从后台获取默认选中的数据
 
axios.get("/group/getGroupNodeIds/" + this.$route.query.id).then((res) => {
        this.selectedRowKeys = res.data;
这样在打开表格的时候就会默认选中selectedRowKeys中存放的值对应的列
 
4、设置点击复选框的时候selectedRowKeys中的值会跟着改变
 
onSelectChange(selectedRowKeys) {
    this.selectedRowKeys = selectedRowKeys
    console.log(selectedRowKeys)
如果在onChange事件中不加上this.selectedRowKeys = selectedRowKeys这一句，那么点击复选框的时候会没有效果
 
最终效果：
 
 版本不同用的方法也不同，希望能帮助到大家。
<span v-for=(one,index)><input type=checkbox :checked=index == 0 style=vertical-align: middle;><label>{{one.name}}</label></span>
//:checked=index == 0为索引为0的，即为第一个复选框添加属性。
拓展：默认被选中的复选框，只需要index指定即可。
以上这篇基于vue v-for 循环复选框-默认勾选第一个的实现方法就是小编分享给
截一张官方文档图，图示最后一排就是禁用状态
点击 checkbox 会触发onChange , 从而得到selectedRowKeys,selectedRowKeys就是选中的 key 数组。
 onChange: (selectedRowKeys, selectedRows) => {
  console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: '
                                    在网上看了很多资料，始终没有找到自己想要的效果，思考了很久才知道可以直接设置selectedRowKeys来使table默认选中，在这里分享给大家。
这里直接根据官网给出的示例进行了修改
<template>
    <a-table
      rowKey="key"
      :row-selection="rowSelection"
      :columns="columns"
      :data-source="data"
                                    用的是element-ui，方法有两个
1.可以用reserve-selection这个仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的数据（需指定 row-key）
methods: {
    getRowKeys(row){
      return row.id
2.toggleRowSelection用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
   //手动单选
    onTableSelect(ro
                                    有一个rad览或讲琐了过自系一读页围这就多网解元当维io或者checkbox选项框组，如直分调浏器代，刚求的一学础过功互有解小久宗点差维含数下：:id="getId()"name="attrItem":class="inputClass":value="item.propertyValueId"v-model="checkedList">{{ item.valueData}}data() {...
                                    https://blog.csdn.net/u010007013/article/details/97828405?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-2
场景分析：
进入页面编辑表格的时候，表格的多选框后台记住勾选的处于默认选中状态。
解决办法：
可以在后台返回数据之后调用table的toggleRowSelection方法来实现默认勾选
代码如下：
data(){
  return{
    listData:[],//
                                    有一个radio或者checkbox选项框组，如下：:id="getId()"name="attrItem":class="inputClass":value="item.propertyValueId"v-model="checkedList">{{ item.valueData}}data() {return {checkedList: [this.propertyValueId]}，p...
                                    问题场景：表格列表数据全选或者选中某一项，翻页时对应位置的数据会被选中
	原因：翻页后 selectedRowKeys值没有变化，导致对应位置数据选中。为什么会没有变化呢？原来，ant-design-vue关于表格UI暴露的有api:row-key。
	解决：我们需要指定row-key绑定的值必须唯一（否则后面翻页发现相同的row-key时会对应选中）
小总结：发现ant-design-vue的表格对于跨页勾选支持的非常友好，而element-ui的跨页勾选则需要自己去记录每页选中的数据。在跨页勾选功.