Vue如何更改表格中的某一行选项值
时间：2022-10-20 10:15:01|栏目：vue|点击： 次
如何更改表格中的某一行选项值
结合后端接口，进行相应的传参 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>
上一篇：vue父组件数据更新子组件相关内容未改变问题(用watch解决)
栏 目：vue
下一篇：el-upload http-request使用 多个文件上传携带其他参数方式
本文标题：Vue如何更改表格中的某一行选项值
本文地址：http://www.codeinn.net/misctech/216814.html
