vue更改表格的某一行选项值

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue更改表格的某一行选项值

Software攻城狮   2022-06-03 我要评论

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

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

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

代码实现

组件库中的方法介绍:

接口示例:

效果:

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

效果图

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

<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="primary" @click="editProgram(scope.row)">编辑</el-button>
<el-button type="danger"  @click="del(scope.row)">删除</el-button>
<el-button type="primary" @click="showDetail(scope.row)">详情</el-button>
</template>
</el-table-column>

以上为个人经验,希望能给大家一个参考,也希望大家多多支持。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们