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
  • 相关阅读:
    mybatis返回map类型数据空值字段不显示(三种解决方法)
    linux各种资源查看
    ssh代理
    python 自定义ping编写
    python 备忘(协程,多进程)
    python 控制电源模块for循环写法
    XPath 语法
    python 自定义去掉特殊字符串
    ssh证书登陆vpc/并且反向代理
    cmder设置
  • 原文地址:https://www.cnblogs.com/MR-cui/p/8617893.html
Copyright © 2011-2022 走看看