You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
杨杰
b34f026ce5
|
4 years ago | |
---|---|---|
.. | ||
components/uni-indexed-list | 4 years ago | |
changelog.md | 4 years ago | |
package.json | 4 years ago | |
readme.md | 4 years ago |
readme.md
IndexedList 索引列表
代码块:
uIndexedList
用于展示索引列表。
安装方式
本组件符合easycom规范,HBuilderX 2.5.5
起,只需将本组件导入项目,在页面template
中即可直接使用,无需在页面中import
和注册components
。
如需通过npm
方式使用uni-ui
组件,另见文档:https://ext.dcloud.net.cn/plugin?id=55
基本用法
在 template
中使用组件
<uni-indexed-list :options="list" :showSelect="false" @click="bindClick"></uni-indexed-list>
API
IndexedList Props
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
options | Object | - | 索引列表需要的数据对象 |
showSelect | Boolean | - | 展示模式,true 为展示默认,false 为选择模式,默认为 false |
options 数据格式说明
[{
"letter": "A",
"data": [
"阿克苏机场",
"阿拉山口机场",
"阿勒泰机场",
"阿里昆莎机场",
"安庆天柱山机场",
"澳门国际机场"
]
}, {
"letter": "B",
"data": [
"保山机场",
"包头机场",
"北海福成机场",
"北京南苑机场",
"北京首都国际机场"
]
}]
IndexedList Events
事件名 | 说明 | 返回值 |
---|---|---|
click | 点击列表事件 ,返回当前选择项的事件对象 | - |