vue 插槽的作用,用插槽slot-scope获取表格中的数据

这里我用了elementui的表格组件去做表格,如图

vue 插槽的作用,用插槽slot-scope获取表格中的数据
我在编辑和删除的组件用template去包裹,然后在这个标签去写上slot-scope="scope"

vue 插槽的作用,用插槽slot-scope获取表格中的数据
然后在需要点击的按钮去添加一个@click事件,在方法中去写上两个参数,第一个参数是当前点击按钮获取的表格在第几行的id,第二个参数是获取表格中当前行的全部参数
如图:
vue 插槽的作用,用插槽slot-scope获取表格中的数据
当我点击表格的第一行时我们看看打印出来的数据
vue 插槽的作用,用插槽slot-scope获取表格中的数据
现在我们是拿到了当前行的全部数据,大功告成