zoukankan      html  css  js  c++  java
  • vue-x 解决微信头部标题问题

    import Vue from 'vue'
    import Vuex from 'vuex'
    
    Vue.use(Vuex)
    
    export default new Vuex.Store({
        state: {
    
        },
        getters: {
    
        },
        mutations: {
       
        },
        actions: {
            changeTitle({commit}, title){
               document.title = title
            },
        }
    })
    import Vue from 'vue'
    import VueRouter from 'vue-router'
    import Store from '../store'
    
    Vue.use(VueRouter)
    
    const routes = [{
            path: '/',
            component: (resolve) => require(['../pages/mall/mall.vue'], resolve),
            meta: {
                title: '点外卖',
            }
        },
        {
            path: '/order',
            component: (resolve) => require(['../pages/order/order.vue'], resolve),
            meta: {
                title: '订单详情',
            }
        },
        {
            path: '/orderDetail',
            component: (resolve) => require(['../pages/order/detailOrderPage.vue'], resolve),
            meta: {
                title: '订单详情',
            }
        },
        {
            path: '/orderList',
            component: (resolve) => require(['../pages/order/orderList.vue'], resolve),
            meta: {
                title: '订单列表详情',
            }
        },
        {
            path: '/addressList',
            component: (resolve) => require(['../pages/address/address-list.vue'], resolve),
            meta: {
                title: '地址详情',
            }
        },
        {
            path: '/newAddress',
            component: (resolve) => require(['../pages/address/new-address.vue'], resolve),
            meta: {
                title: '新增地址',
            }
        },
        {
            path: '/personal',
            component: (resolve) => require(['../pages/personal/personalPage.vue'], resolve),
            meta: {
                title: '个人中心',
            }
        },
        {
            path: '/binding',
            component: (resolve) => require(['../pages/binding/binding.vue'], resolve),
            meta: {
                title: '账户绑定',
            }
        },
        {
            path: '/accountManage',
            component: (resolve) => require(['../pages/binding/accountManage.vue'], resolve),
            meta: {
                title: '账户管理',
            }
        },
    ]
    
    // 路由配置
    const router = new VueRouter({
        routes
    })
    
    // router.beforeEach((to, from, next) => {
    //     next()
    // })
    //
    router.afterEach((to) => {
        Store.dispatch('changeTitle', to.meta.title)
    })
    
    export default router
  • 相关阅读:
    图片延时加载LazyLoad真的是LazyLoad吗?
    IO流操作实现文件拷贝\简单加密及相关知识点
    浅谈WebService开发(一)
    一次网站被挂恶意代码的查错经历
    自测,我的优点与缺点
    共鸣,此话在中国的确有些道理
    VsAddIn "Region this"
    虹影图片下载器(Preview)
    Group != Team
    同感,不转不行 低调做人,高调做事
  • 原文地址:https://www.cnblogs.com/MR-cui/p/8617893.html
Copyright © 2011-2022 走看看