需求:点击表格中某一行的打印按钮,就会跳转到新的页面,并把这一行的数据显示在新的页面上。

原页面:

在这里插入图片描述
携带参数跳转到新页面:

在这里插入图片描述

ClaimRequest.vue为原页面,FormShow.vue为新页面
在这里插入图片描述

首先在index.js中配置一下新页面的路径:
在这里插入图片描述

1.原页面:
表格(只截取了一部分):
在这里插入图片描述
按钮绑定点击事件:
在这里插入图片描述

2.传数据(在原页面的methods: {}中写)
第一种传参方法:name与params结合使用;
第二种传参方法:path与 query结合使用 。
此处用第一种传参方法。

在这里插入图片描述
3.取数据
新页面:
表单(只截取了一部分):
在这里插入图片描述
取参:
在这里插入图片描述
4.完成

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐