vue导航

作者: 一条小团团ovo的就很棒 | 来源:发表于2019-04-19 16:50 被阅读1次

vue-router路由守卫
11-element-ui+vue通过路由配置导航（上）
判断浏览器,区分PC和移动
Vue应用
Vue面试锦集
vue-router路由拦截器
导航守卫以及keep-alive
vue-router的导航守卫之在导航完成后获取数据
vue导航
100、ant-design-vue 刷新页面导航栏自动定位到首

编程式导航：

1.router.push(location, onComplete?, onAbort?)

//字符串
 router.push("/home")
//对象
router.push({path:"home"})
//命名的路由
router.push({name:"home",params:{userId:1}})
//带查询的参数
router.push({path:"/home",query:{userId:1}})

2.router.replace(location, onComplete?, onAbort?)，类似于window.history.replace(location, onComplete?, onAbort?)

编程式	声明式
<router-link :to="..." replace>	router.replace(...)

声明式导航：使用router-link创建a标签进行跳转

<router-link tag="a"></router-link>

vue-router路由守卫
vue-router导航钩子 vue-router导航钩子的主要作用是拦截导航，让路由完成跳转或者取消；导航钩子...
11-element-ui+vue通过路由配置导航（上）
配置静态导航 nav.vue item.vue
判断浏览器,区分PC和移动
判断浏览器区分PC和移动 web端：app.vue app端：app.vue 网站导航网站导航
Vue应用
Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由动态路由编程式路由导航
Vue面试锦集
1.Vue有哪几种导航钩子vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。1.全局的 b...
vue-router路由拦截器
Vue Router 是vue.js官方路由管理器路由出口声明式导航编程式导航全局前置守卫全局后置钩子 ...
导航守卫以及keep-alive
一什么是导航守卫? vue-router提供的导航守卫主要用来监听监听路由的进入和离开的.vue-router提...
vue-router的导航守卫之在导航完成后获取数据
需求：在导航完成之后加载数据。渲染DOM vue-router的导航守卫之导航完成之前获取数据需求：在导航完成之...
vue导航
编程式导航： 1.router.push(location, onComplete?, onAbort?) 2.r...
100、ant-design-vue 刷新页面导航栏自动定位到首
问题：在vue项目中使用了vue-router，页面刷新、浏览器前进后退都会导致导航菜单首页高亮显示在导航栏点击...