10.vue中的编程式导航

作者: 崩鲨卡拉卡 | 来源:发表于2019-03-27 15:42 被阅读0次

10.vue中的编程式导航
第4章编程式导航路由监听导航守卫(1)
react-router基本使用
Vue-Router 导航
编程式导航
编程式导航
编程式导航
Vue路由编程式的导航、 hash 模式改为History 模
编程式的导航
day04-vuejs项目-商城（4）&&vue

官方文档

项目中导航的方式两种：

使用router-link生成 a 标签，的标签式导航
在JS中使用 router.push('home') 方式进行路由导航

注意：一定要区分 `this.$route` 和 `this.$router` 这两对象

this.$route 是路由参数的对象，this.$route.params.id、this.$route.query 都属于它
this.$router 是路由导航对象，使用它可以方便的使用JS代码，实现前进、后退、跳转到新的URL

this.$router 常用方式：
// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})
// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

网友评论

本文标题：10.vue中的编程式导航

本文链接：https://www.haomeiwen.com/subject/lujzvqtx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

10.vue中的编程式导航

项目中导航的方式两种：

注意：一定要区分 `this.$route` 和 `this.$router` 这两对象

相关文章

10.vue中的编程式导航

第4章编程式导航路由监听导航守卫(1)

react-router基本使用

Vue-Router 导航

编程式导航

编程式导航

编程式导航

Vue路由编程式的导航、 hash 模式改为History 模

编程式的导航

day04-vuejs项目-商城（4）&&vue

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

10.vue中的编程式导航

项目中导航的方式两种：

注意：一定要区分 this.$route 和 this.$router 这两对象

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

注意：一定要区分 `this.$route` 和 `this.$router` 这两对象