更新记录
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}>
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 2.4.4 app-vue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
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) => {}