theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新日志

Browse Source
This commit is contained in:
就眠儀式 2022-01-09 22:11:28 +08:00
parent 3995bfa88d
commit 0379494365
1 changed files with 79 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
example/docs/zh-CN/components/menu.md
View File

@ -47,7 +47,7 @@ export default {
::: demo ::: demo
<template> <template>
<lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" v-model:tree="isTree"> <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" :tree="true">
<lay-menu-item title="首页" id="1"></lay-menu-item> <lay-menu-item title="首页" id="1"></lay-menu-item>
<lay-menu-item title="用户" id="2"></lay-menu-item> <lay-menu-item title="用户" id="2"></lay-menu-item>
<lay-menu-item title="角色" id="3"></lay-menu-item> <lay-menu-item title="角色" id="3"></lay-menu-item>
@ -69,12 +69,10 @@ import { ref } from 'vue'
export default { export default {
setup() { setup() {
const isTree = ref(true)
const selectedKey = ref("5")
const openKeys = ref(["7"]) const openKeys = ref(["7"])
const selectedKey = ref("5")
return { return {
isTree,
openKeys, openKeys,
selectedKey selectedKey
} }
@ -84,7 +82,6 @@ export default {
::: :::
::: title 菜单插槽 ::: title 菜单插槽
::: :::
@ -93,25 +90,19 @@ export default {
<template> <template>
<lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" v-model:tree="isTree"> <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" v-model:tree="isTree">
<lay-menu-item id="1"> <lay-menu-item id="1">
<template v-slot:title>
<router-link to="">首页</router-link> <router-link to="">首页</router-link>
</template>
</lay-menu-item> </lay-menu-item>
<lay-menu-item id="7"> <lay-sub-menu id="7">
<template v-slot:title> <template v-slot:title>
<router-link to="">目录</router-link> <router-link to="">目录</router-link>
</template> </template>
<lay-menu-item id="8"> <lay-menu-item id="8">
<template v-slot:title>
<router-link to="">菜单一</router-link> <router-link to="">菜单一</router-link>
</template>
</lay-menu-item> </lay-menu-item>
<lay-menu-item id="9"> <lay-menu-item id="9">
<template v-slot:title>
<router-link to="">菜单二</router-link> <router-link to="">菜单二</router-link>
</template>
</lay-menu-item>
</lay-menu-item> </lay-menu-item>
</lay-sub-menu>
</lay-menu> </lay-menu>
</template> </template>
@ -136,7 +127,7 @@ export default {
::: :::
::: title 菜单属性 ::: title Menu 属性
::: :::
::: table ::: table
@ -148,7 +139,40 @@ export default {
::: :::
::: title 菜单插槽 ::: title Menu Item 属性
:::
::: table
| 插槽 | 描述 | 备注 |
| ----- | -------- | ---- |
| title | 菜单标题 | -- |
:::
::: title Menu Item 插槽
:::
::: table
| 插槽 | 描述 | 备注 |
| ----- | -------- | ---- |
| title | 菜单标题 | -- |
:::
::: title Sub Menu 属性
:::
::: table
| 插槽 | 描述 | 备注 |
| ----- | -------- | ---- |
| title | 菜单标题 | -- |
:::
::: title Sub Menu 插槽
::: :::
::: table ::: table