码迷,mamicode.com
首页 > 其他好文 > 详细

vue-router

时间:2018-08-21 13:57:59      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:function   查询   comm   gis   span   replace   comment   strong   query   

1.router.route

<router-link :to="..."> 等同于调用 router.push(...)

该方法的参数可以是一个字符串路径,或者一个描述地址的对象。例如:

// 字符串
router.push(‘home‘)

// 对象
router.push({ path: ‘home‘ })

// 命名的路由
router.push({ name: ‘user‘, params: { userId: 123 }})

// 带查询参数,变成 /register?plan=private
router.push({ path: ‘register‘, query: { plan: ‘private‘ }})

注意:如果提供了 pathparams 会被忽略,上述例子中的 query 并不属于这种情况。取而代之的是下面例子的做法,你需要提供路由的 name 或手写完整的带有参数的 path

const userId = 123
router.push({ name: ‘user‘, params: { userId }}) // -> /user/123
router.push({ path: `/user/${userId}` }) // -> /user/123
// 这里的 params 不生效
router.push({ path: ‘/user‘, params: { userId }}) // -> /user

2.router.replace

<router-link :to="..." replace> 相当于 router.replace(...)

3.router.go(n)

window.history.go(n)

// 在浏览器记录中前进一步,等同于 history.forward()
router.go(1)

// 后退一步记录,等同于 history.back()
router.go(-1)

// 前进 3 步记录
router.go(3)

 

vue-router

标签:function   查询   comm   gis   span   replace   comment   strong   query   

原文地址:https://www.cnblogs.com/yycc11/p/9510744.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!