vue-router
左森
这个作者很懒,什么都没留下…
展开
-
vue-router区分模块
src/router/indeximport Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import home from './home.js'import login from './login.js'Vue.use(Router)ex...原创 2018-12-13 10:48:15 · 596 阅读 · 0 评论 -
vue-router改变title
···{path: “/”,name: “home”,meta: {title: “首页”},component: () =>import("./views/homePage/homePage1.vue")},······router.beforeEach((to, from, next) => {/* 路由发生变化修改页面title */if (to.me...原创 2019-03-19 11:47:24 · 998 阅读 · 0 评论 -
vue router 相同组件跳转
// methods scrollTop() { // 回到顶部 var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; var setI =...原创 2019-02-18 14:42:27 · 1000 阅读 · 0 评论 -
vue-router中keep-alive的使用以及注意情况
1. 使用+ 在app.vue中用keep-alive将router-view包裹起来 <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$rout...原创 2019-01-28 13:19:07 · 3292 阅读 · 0 评论 -
vue-router路由跳转回到顶部
scrollBehavior(to, form, savedPosition) { if (savedPosition) { return savedPosition } else { return {x: 0, y: 0} } }原创 2019-01-28 10:59:27 · 1313 阅读 · 0 评论 -
vue返回上一个路由
//返回上一层this.$router.go(-1);原创 2019-01-09 17:37:51 · 9377 阅读 · 0 评论 -
vue编程式导航
this.$router.push({ path: &amp;quot;/login&amp;quot;, //传值 query: { id: this.id }});//接收this.$route.query.id原创 2018-11-30 13:19:40 · 301 阅读 · 0 评论 -
使用vue内置组件keep-alive事件动态缓存
在App.vue文件中配置 <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"><原创 2019-01-17 15:21:33 · 577 阅读 · 0 评论 -
组件中使用导航守卫
beforeRouteEnter // this拿不到进入组件之前beforeRouteUpdate (2.2 新增)离开组件之后beforeRouteLeave该组件被复用时调用 beforeRouteEnter(to, from, next) { next(vm => { vm.$s...原创 2018-12-24 19:14:42 · 244 阅读 · 0 评论 -
vue-router嵌套路由
{ path: "/home", name: "****", meta: { title: "****" }, children: [ { path: "/test1", name: "test1", component: () =>...原创 2019-04-02 12:00:27 · 167 阅读 · 0 评论