关于Vue.js如何操作单页面多路由区域的实例分析
来源:动视网
责编:小采
时间:2020-11-27 20:16:14
关于Vue.js如何操作单页面多路由区域的实例分析
关于Vue.js如何操作单页面多路由区域的实例分析:这篇文章主要介绍了 Vue.js 单页面多路由区域操作的实例详解的相关资料,需要的朋友可以参考下单页面多路由区域操作在一个页面中有两个及以上的<router-view>区域,需要通过设置路由的index.js,来操作这些区域的内容App.vue 中设置:<r
导读关于Vue.js如何操作单页面多路由区域的实例分析:这篇文章主要介绍了 Vue.js 单页面多路由区域操作的实例详解的相关资料,需要的朋友可以参考下单页面多路由区域操作在一个页面中有两个及以上的<router-view>区域,需要通过设置路由的index.js,来操作这些区域的内容App.vue 中设置:<r

这篇文章主要介绍了 Vue.js 单页面多路由区域操作的实例详解的相关资料,需要的朋友可以参考下
单页面多路由区域操作
在一个页面中有两个及以上的<router-view>区域,需要通过设置路由的index.js,来操作这些区域的内容
App.vue 中设置:
index.js中设置:
下面的设置是当url为/#/first 时,交换两个组件显示的位置
关于Vue.js如何操作单页面多路由区域的实例分析
关于Vue.js如何操作单页面多路由区域的实例分析:这篇文章主要介绍了 Vue.js 单页面多路由区域操作的实例详解的相关资料,需要的朋友可以参考下单页面多路由区域操作在一个页面中有两个及以上的<router-view>区域,需要通过设置路由的index.js,来操作这些区域的内容App.vue 中设置:<r