如何用Vue实现包含子菜单的多级菜单效果？

本文共计1135个文字，预计阅读时间需要5分钟。

本次记录基于iview3框架实现多级菜单+vue+router实现页面切换，方法一：使用Tree树形控件，官方文档+官方demo为例，数据中添加URL属性，用于路由跳转，正式项目中该tree控件的数据由后端提供。

本次记录基于iview3框架实现多级菜单+vue router实现页面切换

方法一：

使用Tree 树形控件，官方文档

以官方demo为例，数据中添加URL属性，用于路由跳转，正式项目中该tree控件的数据由后端给出，需要注意的是后端给出的URL跳转地址最前一定要看清有没有"/"，如果没有自己手动加或后端改，没有这个"/" 斜杠会导致路由跳转失败。

思路：根据官方文档里面写用on-select-change事件返回当前已选中的节点数组、当前项，就利用返回的当前项数据拿到URL，并使用router跳转。