更新记录

0.0.11（2022-06-11） 下载此版本

• uni-forms校验，动态表单，首次校验无效bug修正

0.0.10（2022-04-26） 下载此版本

• 适配uni-forms校验

0.0.9（2022-02-12） 下载此版本

• 修正重置表单不能清空选中问题
• <hpy-form-select :dataList="dataList" text="name" name="age" v-model="formData.age" @change="change" hideBorder hideArrow/>

平台兼容性

uni-app

其他

hpy-form-select 下拉选择器 基于 picker 简单封装

**组件名：hpy-form-select

从底部弹起的滚动选择器。支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器

API

FilePicker Props

使用示例

dataList 为对象数组时，name为实际保存的value值，text为显示的值

dataList 为对象数组[{name:'张三', age:'18'}, {name:'李四', age:'19'}]时，需要设置name、text属性，name为实际保存的value值，text为显示的值

<hpy-form-select :dataList="dataList" text="name" name="age" v-model="formData.age" @change="change" />

======================================================================================================

dataList 为普通数组['张三', '李四'] name、text可不设置

<hpy-form-select :dataList="dataList" v-model="formData.name" @change="change" />

类似：

<select>text</select>

复制代码    <hpy-form-select :dataList="hobbyList" text="text" name="value" v-model="formData.hobbySelect" @change="change" />

    <uni-group title="基础信息" margin-top="0">
        <uni-forms-item label="姓名" name="name">
            <uni-easyinput type="text" v-model="formData.name" placeholder="请输入姓名" />
        </uni-forms-item>

        <uni-forms-item label="爱好2" name="hobby2">
            <hpy-form-select :dataList="hobbyList" text="text" name="value" v-model="formData.hobbySelect"/>
        </uni-forms-item>

        <uni-forms-item label="爱好3" name="hobby3">
            <hpy-form-select :dataList="hobbyList" text="text" name="value" v-model="formData.hobbySelect3" islot="true">
                <view class="my-select">可自定义显示</view>
            </hpy-form-select>
        </uni-forms-item>

        <uni-forms-item label="出生时间(年)" name="birthYear" >
            <hpy-form-select mode="date" fields="year" v-model="formData.birthYear" />
        </uni-forms-item>
    </uni-group>

复制代码export default {
        data() {
            return {
                formData:{
                    hobbySelect:''
                },
                hobbyList: [{
                    text: '足球',
                    value: 1
                }, {
                    text: '篮球',
                    value: 2
                }, {
                    text: '游泳',
                    value: 3
                }],
            }
        },
        methods:{
            change(e){
                console.log(e.index);
                console.log(e.value);
                console.log(e.data);
            }
        }
}