# loop-menus

> > 作者: 西瓜汁

Latest version **1.0.7** (published 2022-03-02) · ISC license · 0 weekly downloads

## Install

```sh
npm install loop-menus
pnpm add loop-menus
yarn add loop-menus
bun add loop-menus
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2022-03-02 |
| First published | 2022-03-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 50.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | xiguazhi |

## Links

- npm: https://www.npmjs.com/package/loop-menus
- npm.io page: https://npm.io/package/loop-menus

## Recent versions

- 1.0.7 (latest) — 2022-03-02
- 1.0.6 — 2022-03-02
- 1.0.5 — 2022-03-02
- 1.0.3 — 2022-03-02
- 1.0.2 — 2022-03-02
- 1.0.1 — 2022-03-02
- 1.0.0 — 2022-03-02

## README

## 递归菜单插件

> 作者: 西瓜汁

循环递归菜单Menus 

### 安装

```shell
npm i loop-menus -s
```



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

```html
import LoopMenus from 'loop-menus'
```

```html
vue.use(LoopMenus)
```



在组件中使用

```html
<LoopMenus :menusData="data"><LoopMenus/>
```





### 参数

Menu 组件接收 以下几个参数

```js
menusData  // Array 格式见下方 data
```

```js
defautChildrenName // String 子菜单的key名  不传默认为 chidlren
```

```js
defautTitleName  // String 标题名  不传默认为 title
```



### 数据格式

data: [

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

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

​	...

]

---
_Source: https://npm.io/package/loop-menus · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._