npm.io
1.0.7 • Published 4 years ago

loop-menus

Licence
ISC
Version
1.0.7
Deps
0
Size
51 kB
Vulns
0
Weekly
0

递归菜单插件

作者: 西瓜汁

循环递归菜单Menus

安装

npm i loop-menus -s

在 vue 项目的入口文件 min.js 写入以下代码

import LoopMenus from 'loop-menus'
vue.use(LoopMenus)

在组件中使用

<LoopMenus :menusData="data"><LoopMenus/>
参数

Menu 组件接收 以下几个参数

menusData  // Array 格式见下方 data
defautChildrenName // String 子菜单的key名  不传默认为 chidlren
defautTitleName  // String 标题名  不传默认为 title
数据格式

data: [

​ {title:"一级菜单1"},

​ {title:"一级菜单2", children:[ {title:"二级菜单1"} ...] },

​ ...

]