Vue meta属性 路由元信息前后配置守卫

document.title = to.meta.title || '常驻标题'

    // 将所有的页面切换之后滚动到最顶部

window.scrollTo(0, 0)

})

源码

–

router/index.js

import Vue from ‘vue’

import VueRouter from ‘vue-router’

Vue.use(VueRouter)

const routes = [{

    path: "/",

    redirect: '/login', // 重定向:重新指向其它path,会改变网址

},

// 过app.vue

{

    path: '/login',

    name: '', //name是跳转时用params的跳转名字不加/,params跳转的方式,地址栏不显示

    meta: {

        title: '后台管理登录',

        requiredPath: false,

    },

    component: () =>

        import ('../views/login.vue')

},

{

    path: '/main',

    name: '',

    component: () =>

        import ('../views/main/main.vue