vue地址栏传参数以及接收参数的方法

Vue是一套用于构建用户界面的渐进式JavaScript框架。本文就来为大家介绍一下vue地址栏传参数以及接收参数的方法,希望对大家有一定的帮助。

在用Vue开发项目中,跳转页面,除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。

// 字符串
router.push('home')
 
// 对象
router.push({ path: 'home' })
 
// 命名的路由
router.push({ name: 'user', params: { userId: 123 }})
 
// 带查询参数,变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

例子如下:传递参数

jumpresume(id){
 
this.$router.push({path:'/resume',query:{jId:id}})
 
},

接收参数:

created(){
    let id = this.$route.query.jId;
    alert(id);
 },

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是vue地址栏传参数以及接收参数的方法的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Vue.js 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏