< /router-link>创建 a 标签来定义导航链接属于声明式。我们还可以借助 router 的如下这些实例方法创建编程式导航:router.pushrouter.push(…)它就等同于< router-link :to="…">router.push(…)这个方法会向 history 栈添加一个新的记录,当用户点击浏览器后退按钮时,则回到之前_路由跳转的两种方式">
当前位置:   article > 正文

Vue-router路由跳转的两种方式与路由传参的方法

路由跳转的两种方式

路由的两种跳转方式

路由跳转有两种方式:声明式和编程式。
我们之前用的< router-link :to="…">< /router-link>创建 a 标签来定义导航链接属于声明式。我们还可以借助 router 的如下这些实例方法创建编程式导航:

router.push

router.push(…)它就等同于< router-link :to="…">
router.push(…)这个方法会向 history 栈添加一个新的记录,当用户点击浏览器后退按钮时,则回到之前的 URL。该方法的参数可以是一个字符串路径,或者一个描述地址的对象。例如:

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

//对象
router.push({
   path:
  • 1
  • 2
  • 3
  • 4
  • 5
本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
  

闽ICP备14008679号