美文网首页
vue绑定

vue绑定

作者: 周海伦 | 来源:发表于2020-04-10 11:29 被阅读0次
当项目存在多个router-link和router-view的时候,如果给他们做相对应关系的呢

1.找到对应的router文件

const demoIndex = () => import('@/views/demo/index') //想显示的router-view页面
{
    path: '/demo',
    redirect: '/demo/demoList',
    component: demoIndex,//关键代码,这一行指定到想显示的router-view页面
    key: 'freightosGroup',
    meta: { title: 'demo', hideInMenu: true },
    children: [
      {
        path: 'demo1',
        component: Demo1,
        name: 'demoShipment',
        meta: { title: '切换一', icon: 'md-card' }
      },
      {
        path: 'demo2',
        component: Demo2,
        name: 'demoSearch',
        meta: { title: '切换二', icon: 'md-card' }
      }
    ]
  }

2.找到对应的vue文件

    <router-link :to="{ path: '/demo/demo1' }">
            切换一
    </router-link>

3.找到对应的views/demo/index.vue文件

      <router-view /> //在显示的地方写上这个,就自动对应上了

相关文章