最近在开发中,产品经理给了一个新的需求,就是在一个页面里面对页面进行多个切换,就是那种不改变路由变化,但是需要点击菜单改变页面的内容或者说切换页面。就类似是在一个管理系统里面的某个页面再加一套管理系统,但是切换页面需要改变页面内容,但是不能改变路由。
需求:
1.改变页面内容
2.不改变路由
3.批量页面展示
方法:
使用动态组件
<component :is="currentTabComponent"></component>
因为涉及的页面比较多,而且有些页面是外面的大系统也需要使用的。而且页面还是需要动态展示的,就是第二套的管理系统是后端返回的菜单,所以就说明,我们需要进行批量的对页面进行组件的注册的方法,方便来展示。
涉及的页面比较多,然后动态组件的话,就需要对组件进行注册,就需要批量进行注册,然后我们就可以使用两种方式进行对页面进行了全局注册。
首先要先批量获取需要做组件展示的页面
const context= require.context('../../views', true, /.vue$/)
官网文档: