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

🐛: 删除手风琴案例

Browse Source
This commit is contained in:
就眠儀式 2022-05-09 16:17:48 +08:00
parent e3ff22cf5a
commit 1f605715fc
1 changed files with 1 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
package/document/src/document/zh-CN/components/menu.md
View File

@ -542,76 +542,9 @@ export default {
:::
::: title 手风琴模式
:::
::: demo
<template>
<lay-menu :selectedKey="selectedKey2" @changeSelectedKey="changeSelectedKey" @changeOpenKeys="changeOpenKeys"
v-model:openKeys="openKeys2" :tree="true">
<lay-sub-menu id="1" @click="change('1')">
<template #title>
首页1
</template>
<lay-menu-item id="10">首页</lay-menu-item>
<lay-menu-item id="11">首页</lay-menu-item>
</lay-sub-menu>
<lay-sub-menu id="7" @click="change('7')">
<template #title>
首页2
</template>
<lay-menu-item id="8">首页</lay-menu-item>
<lay-menu-item id="9">首页</lay-menu-item>
</lay-sub-menu>
<lay-sub-menu id="3" @click="change('3')">
<template #title>
首页3
</template>
<lay-menu-item id="4">首页</lay-menu-item>
<lay-menu-item id="5">首页</lay-menu-item>
</lay-sub-menu>
</lay-menu>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const openKeys2 = ref(["7"])
const selectedKey2 = ref("5")
const close = ref(false)
const changeSelectedKey = (val) => {
selectedKey2.value = val;
}
const changeOpenKeys = (val) => {
console.log(val)
if(val.length ==0){
close.value = false
}else{
close.value = true
}
}
const change = (id) =>{
if(close.value == true){
openKeys2.value = [id]
}else{
openKeys2.value = []
}
}
return {
openKeys2,
selectedKey2,
changeOpenKeys,
changeSelectedKey,
change
}
}
}
</script>
:::
::: title Menu 属性
:::
::: table
| 属性 | 描述 | 备注 |
@ -671,7 +604,5 @@ export default {
:::
::: previousNext nav
:::