vue页面:

<ul>
          <router-link to="/" tag="li" class="active">首页</router-link>
          <router-link to="list" tag="li">审批管理</router-link>
          <router-link to="test1" tag="li">合同管理</router-link>
          <router-link to="test2" tag="li">财务管理</router-link>
          <router-link to="test3" tag="li">公章管理</router-link>
          <router-link to="test4" tag="li">统计查询</router-link>
          <router-link to="ceshi" tag="li">测试</router-link>
</ul>

routur/index.js

import Vue from 'vue'
import Router from 'vue-router'

const indexPage = r => require.ensure([], () => r(require('@/views/index/indexPage')), 'indexPage');
const list = r => require.ensure([], () => r(require('@/views/index/list')), 'list');
const test1 = r => require.ensure([], () => r(require('@/views/index/test1')), 'test1');
const test2 = r => require.ensure([], () => r(require('@/views/index/test2')), 'test2');
const test3 = r => require.ensure([], () => r(require('@/views/index/test3')), 'test3');
const test4 = r => require.ensure([], () => r(require('@/views/index/test4')), 'test4');
const ceshi = r => require.ensure([], () => r(require('@/views/test/ceshi')), 'ceshi');

Vue.use(Router)

export default new Router({
    routes: [
        {
            path: '/',
            name: 'indexPage',
            component: indexPage,
            meta: {
                keepAlive: true
            }
        }, 
        {
            path: '/list',
            name: 'list',
            component: list,
            meta: {
                keepAlive: true
            }
        }, 
        {
            path: '/test1',
            name: 'test1',
            component: test1,
            meta: {
                keepAlive: true
            }
        }, 
        {
            path: '/test2',
            name: 'test2',
            component: test2,
            meta: {
                keepAlive: true
            }
        }, 
        {
            path: '/test3',
            name: 'test3',
            component: test3,
            meta: {
                keepAlive: true
            }
        }, 
        {
            path: '/test4',
            name: 'test4',
            component: test4,
            meta: {
                keepAlive: true
            }
        }, 
        {
            path: '/ceshi',
            name: 'ceshi',
            component: ceshi,
            meta: {
                keepAlive: true
            }
        }, 
    ]
})

发表评论

邮箱地址不会被公开。 必填项已用*标注