实现在vue中使用dataTable并在最后一列加操作按钮绑定事件

参考:https://blog.csdn.net/x763795151/article/details/102650400

想给导入的dataTable最后一列加操作按钮，网上有很多教程，但都只是加了按钮但没有绑定事件，或我尝试后报各种错误，在此记录成功方案。

举例需求是写一个删除按钮，传id给后台来删除

最开始我使用onclick

onclick=that.delete(row.id)

但发现刷新页面后不用点击就会直接执行delete方法，而且是一口气把所有行的都执行了，后来得知是onclick事件处理器不能带参数，试了很多网上的修改方法反正没成功，报的啥错我都忘了。

我尝试把括号删了，直接that.delete，但又会报错
Function statements require a name
我怀疑是因为把方法写在了methods里调用出了啥问题(datatable的代码在mounted里)，无力解决。
我以为是字符串拼接出了问题，找了很多办法，改成

onclick=that.delete("'+row.id+'")

会报错that is not define
显然我是定义了的，我以为是前面也得拼接才能调用

onclick='"+that.delete+"'"("'+row.id+'")"'

(别笑，这真的