Vue怎么更改表格中的某一行选项值(vue,开发技术)

时间:2024-05-08 02:19:47 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

如何更改表格中的某一行选项值

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

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

代码实现

Vue怎么更改表格中的某一行选项值

组件库中的方法介绍:

Vue怎么更改表格中的某一行选项值

接口示例:

Vue怎么更改表格中的某一行选项值

效果:

Vue怎么更改表格中的某一行选项值

对table某一行的数据进行编辑,删除,查看详情操作

效果图

Vue怎么更改表格中的某一行选项值

在html中需要对button按钮进行template包裹,scope.row就是这一行的数据

<el-table-columnlabel="操作"><templateslot-scope="scope"><el-buttontype="primary"@click="editProgram(scope.row)">编辑</el-button><el-buttontype="danger"@click="del(scope.row)">删除</el-button><el-buttontype="primary"@click="showDetail(scope.row)">详情</el-button></template></el-table-column>
 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:Vue怎么更改表格中的某一行选项值的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Android基于Sqlite怎么实现注册和登录功能下一篇:

19 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18