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

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

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

相关文章:

  • 2021-09-24
  • 2021-04-11
  • 2021-05-09
  • 2021-10-12
  • 2022-02-10
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-06
  • 2022-12-23
  • 2022-12-23
  • 2021-09-30
  • 2022-12-23
  • 2021-11-24
相关资源
相似解决方案