elementUI下获取表格的索引

在elementUI的表格中，可以使用监听事件，获取到复选框中的id值，

  1. 在"el-table"标签中，写入 @selection-change=“selectMore” 监听事件，事件名称自定义，例如：<el-table @selection-change="selectMore" :data="employees" style="width: 100%" :stripe="true" :border="true">
  2. 设置一列作为编号，在该列标签 el-table-column 中，添加属性 type=“selection”，即可出现复选框，能够获取到当前行的所有值，例如：<el-table-column label="编号" type="selection" prop="id"></el-table-column>
  3. 在data()数据写一个数组，用于获取到勾选的值，例如：在这里插入图片描述
  4. 在Methods方法中，写我们自定义的监听事件方法，获取到勾选的行列值，例如：selectMore(val) { this.checks = val; }
  5. 因为4中的方式获取到的是行列的所有值，我们想要获取到需要的id，还需要通过遍历的方式，因为本人是通过传入字符串到后台进行处理为数组使用的，因此在这儿也是演示获取字符串的方式：在这里插入图片描述
  6. 上面获取到的ids即为所有勾选的复选框中，由 id 组成的字符串。
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue