VUE-Element实现表格中的传值id问题

今天的我又碰到坑了，关于后端传值过来，我使用Element表格显示中通过id进行编辑，中id的获取问题

下面是我的vue文件

进行操作的按钮一定要记得放到template中 因为template携带了slot-scope=“scope”，如果没有的话，按钮中的scope.row会出现找不到的问题，从而导致没有效果。

然后点击按钮通过@click进行跳转，下面是script代码

script中的关键代码

关键的地方在于handleEdit，data中是我的数据

获取row中的数据，然后通过this.$router.push({path:'htmlViewSample',query:{id:row.id}})跳转

下面是htmlViewSample.vue页面

script中获取到数据

然后进行id的显示

效果就出来了，这个问题完美攻破，开心。