更新记录
1.0.0(2020-06-19) 下载此版本
下拉选择 点击空白关闭选择 阻止屏幕滚动
使用示例
<dropdown
v-show="show_business_change"
:list="business_list"
@select="selectBusiness"
@close="show_business_change = false"
></dropdown>
props :
list: Array<{name:string,value:string}>
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
dropdown下拉选择框阻止屏幕滚动事件
<dropdown
v-show="show"
:list="list"
@select="select"
@close="show = false"
></dropdown>
一个props
列表内的对象只需要 name和value
list:Array<{name:string,value:string|number}>
两个事件 select和 close
select 事件传递选中的value
close 事件关闭
select: (e:string|text) => {}