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

前端开发 作者: 2024-08-22 11:45:01
【前后端分离项目之vue框架经验总结】 文/朱季谦 在vue框架的前端页面上,若要实现页面之间的带参数跳转,可参考以下实现过程: 例如,点击截图中的“查看试卷”,可实现带参跳转到相应的试卷页面,该功能
 <span @click="seeExa(scope.row)" class="mr15">查看试卷</span>
 
2.点击后会执行对应的seeExa(e)方法,把实现跳转的代码写到该方法里,代码如下:
 seeExa(e) {
 window.console.log("查询成功",e);
 this.$router.push("/Exa/" + e.id+"/"+e.paperName);
 }
 path: "/Exa/:id/:name",name: "Exa"this.$route.“工具便可以接收
created: function() {
    this.myId = this.$route.params.id;
    this.myName=.$route.params.name;
  }
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_66647.html