Vue中更改表格中的某一行选项值的操作

Vue中更改表格中的某一行选项值的操作结合后端接口，进行相应的传参Id， state值等，因相关组件库中的方法说明比较简单，有些需要自己去尝试，如下图中change()方法的传参等代码实现：组件库中的方法介绍：接口示例：效果：...

Software攻城狮

3046人浏览 · 2021-01-04 06:51:39

Software攻城狮 · 2021-01-04 06:51:39 发布

Vue中更改表格中的某一行选项值的操作

结合后端接口，进行相应的传参 Id， state值等，因相关组件库中的方法说明比较简单，有些需要自己去尝试，如下图中change()方法的传参等

//ajax发送请求的相关方法：
get : 获取  ,
post: 新增 ,
put/patch : 更改,
delete:  删除

代码实现：
在这里插入图片描述

组件库中的方法介绍：
在这里插入图片描述

接口示例：
在这里插入图片描述

效果：
在这里插入图片描述

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