超级会员免费看
本教程介绍如何利用Vue Router在已有的WebGIS程序中实现多页面跳转。内容包括安装Vue Router、添加导航按钮、创建DataVisual和OneMap组件、配置路由、在App.vue中设置路由跳转，以及在OneMap组件中引入MapView。
3.1使用Vue路由构建多页面的WebGIS程序
本节描述：在第2节中，我们构建了一个 Vue的前端程序，并使用esri-loader引入了ArcGIS API for JS的Map、MapView模块，构建了一个简单的WebGIS程序。但是我们的程序只有一个页面，不能实现页面跳转，因此在本节我们借助vue router来实现页面之间的跳转。
1 安装vue router
1、通过以下命令安装路由，如下：
npm install vue-router --save-dev
建议像我一样直接指定版本
npm install vue-router@3.5.3 --save-dev
如果报错
export 'default' (imported as 'VueRouter') was not found in 'vue-router
就卸载当前vue-cli，然后安装别的版本的
订阅专栏 解锁全文
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
