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

b00e7688a40900ed8e356d61f183a4c1.png

在用Vue开发项目中,跳转页面,除了使用 创建 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中文网 !!

Logo

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

更多推荐