当前位置:Gxlcms > JavaScript > 关于Vue.js如何操作单页面多路由区域的实例分析

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

时间:2021-07-01 10:21:17 帮助过:8人阅读

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

单页面多路由区域操作

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

App.vue 中设置:

index.js中设置:

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

以上就是关于Vue.js如何操作单页面多路由区域的实例分析的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行