vue地址栏传参数以及接收参数
编程式的导航在用Vue开发项目中,跳转页面,除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。// 字符串router.push('home')// 对象router.push({ path: 'home' })// 命名的路由router.push({ name: 'user', ...
·
编程式的导航
在用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);
},
更多推荐
所有评论(0)