uni-table 点击勾选获取多行id

你可以使用以下方法来获取 uni-table 中勾选的多行的 id：

1. 在 uni-table 组件上添加 ref 属性，例如：`<uni-table ref="tableRef"></uni-table>`
2. 在勾选行时，使用 `@selection-change` 事件监听器来获取勾选的行数据，例如：

<uni-table
  @selection-change="handleSelectionChange"
  :data="tableData"
>
  ...
</uni-table>

...

methods: {
  handleSelectionChange(selection) {
    const selectedIds = selection.map(item => item.id);
    console.log(selectedIds);
  },
}

在上面的例子中，`handleSelectionChange` 方法会在选择行发生变化时被调用，并将勾选的行数据作为参数传入。在方法中，我们可以通过遍历勾选的行数据，获取每行的 id 属性，并将其存储在一个数组中，最终输出该数组即可。

相关问题

uni-table 固定表头代码

uni-table 固定表头代码可以通过以下方式实现：

<uni-table :data="tableData" :height="300">
<uni-table-column type="index" width="50"></uni-table-column>
<uni-table-column prop="name" label="姓名" width="100"></uni-table-column>
<uni-table-column prop="age" label="年龄" width="100"></uni-table-column>
<uni-table-column prop="address" label="地址" width="200"></uni-table-column>
<uni-table-column prop="phone" label="电话" width="150"></uni-table-column>
<uni-table-column prop="email" label="邮箱" width="200"></uni-table-column>
<uni-table-column prop="remark" label="备注"></uni-table-column>
<template slot="header">
<uni-table-column type="index" width="50"></uni-table-column>
<uni-table-column prop="name" label="姓名" width="100"></uni-table-column>
<uni-table-column prop="age" label="年龄" width="100"></uni-table-column>
<uni-table-column prop="address" label="地址" width="200"></uni-table-column>
<uni-table-column prop="phone" label="电话" width="150"></uni-table-column>
<uni-table-column prop="email" label="邮箱" width="200"></uni-table-column>
<uni-table-column prop="remark" label="备注"></uni-table-column>
</template>
</uni-table>

以上代码中，使用了 uni-table 组件，通过设置 :height 属性可以设置表格的高度，使用 <uni-table-column> 标签来定义表格的列，通过设置 prop 属性来绑定数据源中的字段，设置 label 属性来定义列的标题，设置 width 属性来定义列的宽度。使用 <template slot="header"> 标签来定义表头，将表头的列与表格的列设置相同即可实现固定表头效果。

uni-table使用

uni-table 是基于 Element UI 封装的一款表格组件，用于在 uni-app 中快速构建表格页面。以下是使用 uni-table 的步骤：

1. 安装 uni-table：在 uni-app 项目根目录下执行命令 `npm i uni-table --save`。

2. 在需要使用表格的页面中引入 uni-table 组件： `import uniTable from 'uni-table'`。

3. 在 template 中使用 uni-table 组件，指定 columns 和 data 属性。columns 是表格的列信息，data 是表格的数据。

示例代码：

<template>
  <view>
    <uni-table :columns="columns" :data="tableData"></uni-table>
  </view>
</template>

<script>
  import uniTable from 'uni-table';

  export default {
    components: {
      uniTable
    },
    data() {
      return {
        columns: [{
          label: '姓名',
          prop: 'name'
        }, {
          label: '年龄',
          prop: 'age'
        }, {
          label: '性别',
          prop: 'gender'
        }],
        tableData: [{
          name: '张三',
          age: 18,
          gender: '男'
        }, {
          name: '李四',
          age: 20,
          gender: '女'
        }]
      }
    }
  }
</script>

以上就是 uni-table 的基本使用方法，你可以根据自己的实际需求来配置表格的列和数据。