华拓科技网
您的当前位置:首页关于Vue.js如何操作单页面多路由区域的实例分析

关于Vue.js如何操作单页面多路由区域的实例分析

来源:华拓科技网


这篇文章主要介绍了 Vue.js 单页面多路由区域操作的实例详解的相关资料,需要的朋友可以参考下

单页面多路由区域操作

在一个页面中有两个及以上的<router-view>区域,需要通过设置路由的index.js,来操作这些区域的内容

App.vue 中设置:

index.js中设置:

下面的设置是当url为/#/first 时,交换两个组件显示的位置

        
显示全文