<el-table-column width="55" type="selection"> 默认选中

您可以在 `el-table` 的 `v-model` 中绑定一个数组，将需要默认选中的行的 `row` 数据添加到这个数组中，就可以实现默认选中的效果。例如：

<el-table
  v-model="selectedRows"
  :data="tableData"
  style="width: 100%">
  <el-table-column
    width="55"
    type="selection">
  </el-table-column>
  <el-table-column
    prop="name"
    label="姓名">
  </el-table-column>
  <el-table-column
    prop="age"
    label="年龄">
  </el-table-column>
</el-table>

export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 22 }
      ],
      selectedRows: [{ name: '张三', age: 18 }] // 默认选中第一行数据
    }
  }
}

相关问题

<el-table :data="tableData" stripe size="medium" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"></el-table-column> <el-table-column prop="id" label="ID" width="80" sortable></el-table-column> <el-table-column prop="goodName" label="图书名称"></el-table-column> <el-table-column prop="price" label="图书单价"></el-table-column> <el-table-column prop="num" label="图书数量"></el-table-column> <el-table-column prop="img" label="图片"> <template v-slot="scope"> <el-image :src="scope.row.img" style="width: 100px; height: 100px"></el-image> </template> </el-table-column> 添加注释

这是一个使用了 Element UI 中的 el-table 组件展示数据的代码片段，其中：

- data 属性绑定了一个名为 tableData 的数组，用于存储要展示的数据。
- stripe 属性设置为 true，表示表格显示斑马线样式。
- size 属性设置为 medium，表示表格大小为中等。
- @selection-change 事件绑定了一个名为 handleSelectionChange 的方法，用于处理表格中选中行的变化。
- el-table-column 组件用于定义表格的列，其中 type="selection" 表示该列为复选框列，prop 属性指定了该列对应数据对象的属性名，label 属性指定了该列的表头名称，width 属性设置了该列的宽度，sortable 属性设置为 true，表示该列可以排序。
- 在第四列中，添加了一个插槽（slot），用于自定义该列的内容。在该插槽中，使用了 el-image 组件展示了图片。通过 scope.row.img 获取了该行数据对象中 img 属性的值，并将其作为 el-image 组件的 src 属性值。

<el-table-column width="55" type="selection" property="is_selected" > </el-table-column>

这是一个用于渲染表格的代码片段，使用了 Element UI 中的表格组件 el-table 的列组件 el-table-column。其中设置了列的宽度为 55px，列的类型为 selection，表示该列是一个选择列，用于让用户选择表格中的数据。同时，设置了该列对应的数据属性为 is_selected，表示该列对应的数据中的 is_selected 属性决定了该行是否选中。需要注意的是，这里并没有设置具体的数据源，需要在代码中通过 props 属性传入具体的数据源。