小驰努力学前端 2022-08-02 15:25 采纳率: 88.9%
浏览 493
已结题

vue中表格点击编辑按钮实现编辑功能

问题遇到的现象vue table表格中编辑按钮无法实现编辑功能
问题相关代码,请勿粘贴截图

<el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑

methods: {
handleEdit(row, $index) {
console.log(index, row)
}

运行结果及报错内容

img

我的解答思路和尝试过的方法 在网上查了好多但也没运行成功
我想要达到的结果 点击编辑按钮 进行这行内容的编辑 最好在有保存和取消按钮

(我的删除功能已经好使了,不用管了)

  • 写回答

2条回答 默认 最新

  • 一个有梦有戏的人 2022-08-02 16:34
    关注

    做个弹窗,点击事件携带row(当行数据),一般是这样做的,如果是说表格中编辑,直接在表格item中使用el-input,用啥方法要看业务场景,思路都是一样的,只要拿到当行数据就行,在表格中@click(xxx(scope.row))。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 8月10日
  • 已采纳回答 8月2日
  • 创建了问题 8月2日

悬赏问题

  • ¥15 如何在配置使用Prettier的VSCode中通过Better Align插件来对齐等式?(相关搜索:格式化)
  • ¥15 C#字典调用时报错,有关文件加载
  • ¥100 在连接内网VPN时,如何同时保持互联网连接
  • ¥15 MATLAB中使用parfor,矩阵Removal的有效索引在parfor循环中受限制
  • ¥20 Win 10 LTSC 1809版本如何无损提升到20H1版本
  • ¥50 win10 LTSC 虚拟键盘不弹出
  • ¥30 关于PHP中POST获取数据的问题
  • ¥30 微信小程序请求失败,网页能正常带锁访问
  • ¥15 Python实现hog特征图可视化
  • ¥30 德飞莱51单片机实现C4炸弹