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

Question

问题遇到的现象vue table表格中编辑按钮无法实现编辑功能

问题相关代码，请勿粘贴截图

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

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

运行结果及报错内容

我的解答思路和尝试过的方法 在网上查了好多但也没运行成功

我想要达到的结果 点击编辑按钮 进行这行内容的编辑 最好在有保存和取消按钮

（我的删除功能已经好使了，不用管了）

Answer 1

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