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

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

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

@click="handleEdit(scope.$index, scope.row)">编辑

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

运行结果及报错内容

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

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

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

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

你编辑 那你需要 弹出个 表单 或者 表格 里都变为 input 或者其它 的 。
然后 编辑事件 里 获取 表单值并且 传一个 当前点击行的 唯一标识 。 最后，map原数据 。和 点击事件里传进来的id相同 ，就对其 赋值