admin/wot-design-uni
1
0
Fork 0
mirror of https://gitee.com/wot-design-uni/wot-design-uni.git synced 2025-12-08 01:58:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: ✏️ DropDownItem文档增加closed和opened介绍

Browse Source
This commit is contained in:
weisheng 2024-07-07 20:14:01 +08:00
parent e07dbdd530
commit 401bd284ce
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/component/drop-menu.md
View File

@ -77,7 +77,6 @@ function handleChange2({ value }) {
const dropMenu = ref() const dropMenu = ref()
const slider = ref<SliderInstance>() // slider 1.2.25支持 const slider = ref<SliderInstance>() // slider 1.2.25支持
const value = ref<number>(0) const value = ref<number>(0)
const sliderValue = ref<number>(30) const sliderValue = ref<number>(30)
const option = ref<Record<string, any>>([ const option = ref<Record<string, any>>([
@ -96,7 +95,6 @@ function confirm() {
function handleOpened() { function handleOpened() {
slider.value?.initSlider() slider.value?.initSlider()
} }
``` ```
## 自定义菜单选项 ## 自定义菜单选项
@ -159,10 +157,12 @@ function handleOpened() {
## DropdownItem Events ## DropdownItem Events
| 方法名 | 说明 | 参数 | 最低版本 | | 方法名 | 说明 | 参数 | 最低版本 |
| ----------- | ---------------- | ----------------------------------------------------------------------------- | -------- | | ------ | ---------------- | ----------------------------------------------------------------------------- | -------- |
| change | 绑定值变化时触发 | event.detail = { value, selectedItem }, value 为选中值，selectedItem 为选中项 | - | | change | 绑定值变化时触发 | event.detail = { value, selectedItem }, value 为选中值，selectedItem 为选中项 | - |
| close | 关闭菜单 | - | - | | close | 关闭菜单 | - | - |
| open | 展开菜单 | - | - | | open | 展开菜单 | - | - |
| closed | 菜单完全关闭 | - | - |
| opened | 菜单展开完成 | - | - |
## DropdownItem Methods ## DropdownItem Methods

4
src/uni_modules/wot-design-uni/components/wd-drop-menu-item/wd-drop-menu-item.vue
View File

@ -13,7 +13,7 @@
@before-enter="handleOpen" @before-enter="handleOpen"
@after-enter="handleOpened" @after-enter="handleOpened"
@before-leave="handleClose" @before-leave="handleClose"
@after-leave="onPopupClose" @after-leave="handleClosed"
> >
<view v-if="options.length"> <view v-if="options.length">
<view <view
@ -160,7 +160,7 @@ function open() {
emit('open') emit('open')
} }
function onPopupClose() { function handleClosed() {
showWrapper.value = false showWrapper.value = false
emit('closed') emit('closed')
} }