h-slide-picker 文档说明。
效果
Properties
| 特性 | 类型 | 默认值 | 可选值 | 描述 |
|---|---|---|---|---|
visible |
Boolean | false |
- | 控制滑动弹出层的显示状态，支持 .sync 语法。 |
dataList |
Array of Object | [] |
- | 滑动选项数据，如果不自定义每个选择项 slot , 则数据元素 Object 中必须包含 label 字段用来显示每个选项的文本内容 |
title |
String | '' |
- | 滑动组件的标题内容 |
itemHeight |
Number | 37 | - | 每个选择项的高度值，单位px |
count |
Number | 5 | - | 滑动选择项的可见个数 |
Events
| 事件 | 描述 |
|---|---|
confirm |
点击确定按钮时触发事件。参数：data(选中数据) , index(当前数据在数组中的索引值) |
cancel |
点击取消触发事件 |
Slots
| 插槽名 | 描述 |
|---|---|
title |
弹出层标题处 slot。可用来自定义标题处的内容 |
Scope-slots
| 插槽名 | 描述 |
|---|---|
default |
默认作用域插槽。可用来自定义每个选择项的内容，可用参数：curr , index。你可以使用如下方式使用，<template v-slot="{curr, index}"></template> |