Vue删除表格数据-调用逻辑

1、对于表格获取单行数据的id，这一步是关键：elementui中，scope默认获取整个表格的数据，scope.row对应那一行要操作的使用的数据，再选择具体字段进行处理<template slot-scope="scope"><el-button type="text" size="default" @click="deleteUser(scope.row.userid)"&

谷隐凡二

2912人浏览 · 2022-02-10 10:11:17

谷隐凡二 · 2022-02-10 10:11:17 发布

1、对于表格获取单行数据的id，这一步是关键：

elementui中，scope默认获取整个表格的数据，scope.row对应那一行要操作的使用的数据，再选择具体字段进行处理

<el-button type="text" size="default" @click="deleteUser(scope.row.userid)">删除</el-button>

</template>

2、对于删除操作，直接给函数传对应的值就OK，在接口中引用：

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}$/, //不连续的两位字母// /^