更新记录
1.0.2(2021-08-11)
编辑传入value值时,在输入框中回显value值
1.0.1(2021-08-11)
修复自定义slabel字段名称后,选择条目后不显示值的问题。
1.0.0(2021-08-10)
根据实际项目需要基于luyj-select-lay改造而成。
查看更多
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.0 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
yurongbj-select-lay
组件名:yurongbj-select-lay
代码块:'yurongbj-select-lay'
关联组件: 无
说明
本插件是根据实际项目需要基于luyj-select-lay改造而成。
具体可参阅luyj-select-lay组件。
安装方式
本组件符合easycom规范,HBuilderX 2.5.5
起,只需将本组件导入项目,在页面template
中即可直接使用,无需在页面中import
和注册components
。
如需通过npm
方式使用uni-ui
组件,另见文档:https://ext.dcloud.net.cn/plugin?id=55
注意事项
为了避免错误使用,给大家带来不好的开发体验,请在使用组件前仔细阅读下面的注意事项,可以帮你避免一些错误。
基本用法
<!-- 通用写法 -->
<yurongbj-select-lay :zindex="1211" :value="tval" name="name" placeholder="请选择项目" :options="datalist"
@selectitem="selectitem">
</yurongbj-select-lay>
<!-- 禁用组件 -->
<yurongbj-select-lay :zindex="1111" :value="tval" name="name2" placeholder="请选择项目(禁用)" :options="datalist"
:disabled="true">
</yurongbj-select-lay>
<!-- 自定义数据索引对象 -->
<yurongbj-select-lay :value="tval" name="name3" slabel="myname" svalue="myvalue" placeholder="请选择项目(自定义数据)"
:options="datalist2" @selectitem="selectitem2">
</yurongbj-select-lay>
属性
属性名 |
类型 |
默认值 |
说明 |
disabled |
Boolean |
false |
是否禁用 |
zindex |
Number |
999 |
层级,防止多个组件一起使用时下拉栏穿透 |
options |
Array |
[] |
数据列表 |
loading |
Boolean |
false |
是否加载中 |
options |
loadingText |
'数据加载中' |
加载时提示文字 |
name |
String |
'' |
input字段名 |
value |
String |
'' |
默认展示的value值 |
placeholder |
String |
'' |
选项值为空时的占位符 |
slabel |
String |
'label' |
自定义列表中键值对应关系(自定义列表的值对应label值) |
svalue |
String |
'value' |
自定义列表中键值对应关系(自定义列表的值对应value值) |
事件
事件名 |
说明 |
返回值 |
@selectitem |
点击项目触发的事件 |
参数(索引,具体项目) |