广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Vue如何更改表格中的某一行选项值
  • 433
分享到

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

2024-04-02 19:04:59 433人浏览 独家记忆
摘要

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

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

结合后端接口,进行相应的传参 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>

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

--结束END--

本文标题: Vue如何更改表格中的某一行选项值

本文链接: https://www.lsjlt.com/news/147031.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Vue如何更改表格中的某一行选项值
    如何更改表格中的某一行选项值 结合后端接口,进行相应的传参 Id, state值等,因相关组件库中的方法说明比较简单,有些需要自己去尝试,如下图中change()方法的传参等 //a...
    99+
    2022-11-13
  • Vue怎么更改表格中的某一行选项值
    本文小编为大家详细介绍“Vue怎么更改表格中的某一行选项值”,内容详细,步骤清晰,细节处理妥当,希望这篇“Vue怎么更改表格中的某一行选项值”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。如何更改表格中的某一行选项...
    99+
    2023-06-30
  • 如何更改 MySQL 表中行实例的值?
    UPDATE 命令与 WHERE 子句一起可用于更改行实例的值。基本上,MySQL 会根据查询中给出的条件更改值。下面的例子可以演示它假设我们想在下面给出的“testing”表中将名称从“Ram”更改为“Mohit” -my...
    99+
    2023-10-22
  • 如何解决vue-router 二级导航默认选中某一选项的问题
    这篇文章主要介绍如何解决vue-router 二级导航默认选中某一选项的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!现在有一个需求是这样的:这个需求很正常吧! 二级导航条,不是...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作