Vue页面跳转

Vue页面跳转

简单页面跳转（无传参）参考 搭建VUE项目（三）VUE项目实现页面跳转

vue页面跳转传参 参考 vue-如何实现带参数跳转页面

seeExa(e) {
	window.console.log("查询成功", e);
	this.$router.push("/Exa/" + e.id+"/"+e.paperName);  //使用get请求传参跳转至B页面
}

在A页面对应的路由需配置相应属性信息（如果使用的是vue-admin-template框架，即在router目录下的index.js），即path: “/Exa/:id/:name”：

 path: "/Exa/:id/:name",
 name: "Exa",
 component: Exa

完成以上的代码，就可以页面之间的带参数跳转了，这种方法会在url后面显示出属性值信息，存在一定的安全风险。

在B页面利用“this.$route.“工具可以接收A页面传递的参数

//B页面接受A页面传递过来的参数
created: function() {
  this.myId = this.$route.params.id;
  this.myName=this.$route.params.name;
}

这样就可以实现关于表单信息详情的查看