vue 页面跳转传参,vue页面间传递参数
本文主要介绍了vue跳转页面，并实现了参数传递接受的例子。有需要的朋友可以借鉴一下，希望能有所帮助。祝大家进步很大，早日升职加薪。
目录
vue跳转页面及参数传递接受一、页面跳转、传递参数二、接收参数
vue跳转页面及参数的传递接受
实现一个功能：从A页跳转到B页，A页的参数要传递给B页，B要使用传递的参数。
从a到b。
其实就是两步：1，a传参数。2，b接受参数。
一、页面跳转、传递参数
在A页对应的按钮里写一个方法，点击跳转的时候调用这个方法。
#的内容
el按钮大小=迷你图标=el图标-放大
@ click . native= goto _ report _ log(scope . row . job _ name)查看报告日志。
/el-button
.
#写出相应的方法
goto_report_log(job_name) {
//点击跳转到报表页面
这个。$router.push(
{
路径：“/manage/testReportAndLogo”，
查询：{
作业名称：作业名称
}
}
)
}
此时点击按钮切换到b页。
二、接收参数
首先，B页html对应的字段要添加好，这是前提。
El-form-item label=作业名称 labelWidth=110px
El-input placeholder= input job name v-model= this . job _ name #使用获得的值。
/el-input
/El-表单-项目
.
导出默认值{
data() {
返回{
Job_name: ，#存储由。
.
#然后编写相应的方法
方法：{
getParams() {
This.job _ name=this$route.queryjob _ name #此处，您可以使用此选项获取值。$ route.query
.
已创建(){
this . getparams()；#就称之为创造。
},
很简单。记下来。
以上是vue跳转页面和实现参数传递接受的例子细节。更多关于vue跳转页面参数传递接受的信息，请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。