@moment-design/product-navigation
v0.1.1
Published
Downloads
4
Readme
Moment Design 物料项目 全部产品导航
zh-CN
运行环境
| 名称 | 版本号 | | ----------- | ----------- | | Node.js | 15+ | | NPM | 7+ | | Vue.js | 3+ | | @moment-design/web-vue | 1+ |
使用组件
安装依赖
npm install @moment-design/product-navigation --save
使用组件
*.vue
局部注册
import MProductNav from "@moment-design/product-navigation"
import "@moment-design/product-navigation/dist/css/index.css"
<m-product-nav :menu-data="MenuData"></m-product-nav>
API
Props
| Prop Name | Description | Type | Default | Require |
| :-------------- | :--------------------------- | :-------- | :------ | :------ |
| menu-data | 导航数据 | Object
| Array[GroupMenu]
| √ |
GroupMenu
| 参数名 | 描述 | 类型 | 默认值 | 必须 |
| :------- | :--------------------------- | :--------------- | :------ | :------ |
| Title | 名称 | String
| | √ |
| Child | Child | Array[MenuData]
| | ✗ |
| Menu | Menu | Array[MenuData]
| | ✗ |
MenuData
| 参数名 | 描述 | 类型 | 默认值 | 必须 |
| :------- | :--------------------------- | :--------------- | :------ | :------ |
| Id | 权限数据的唯一值 | Number
| | √ |
| Title | 名称 | String
| | √ |
| ICon | 图标 | String
| | √ |
| Url | 链接地址 | String
| | √ |
| IsCurrentPageOpen | IsCurrentPageOpen | Boolean
| false
| √ |
| Buy | Buy | Boolean
| false
| √ |
| Menu | Menu | Array[MenuData]
| | ✗ |