Fork me on GitHub

h-slide-picker移动端滑动单选弹出层说明

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>

仓库

项目仓库地址

0%