vue绑定

当项目存在多个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文件

    
            切换一
    

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

       //在显示的地方写上这个,就自动对应上了

你可能感兴趣的:(vue绑定)