更新记录

1.2.1（2021-08-14）

修改了一些说明。

1.2.0（2021-08-12）

添加optionsDirection参数，可以自定义下拉框位于选择内容的上方或下方

1.1.0（2021-07-17）

select框添加loading状态，判断数据加载中

平台兼容性

luyj-select-lay

组件名：luyj-select-lay 代码块：'luyj-select-lay' 关联组件： 无

说明

这里是简单的select下拉选择组件。原插件地址。本人暂时将其uni_modules化,在加载数据时添加必要的提示。

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

如需通过npm方式使用uni-ui组件，另见文档：https://ext.dcloud.net.cn/plugin?id=55

注意事项 为了避免错误使用，给大家带来不好的开发体验，请在使用组件前仔细阅读下面的注意事项，可以帮你避免一些错误。

• 组件需要依赖 sass 插件 ，请自行手动安装

基本用法

<!-- 通用写法 -->
<luyj-select-lay :value="tval" name="name" placeholder="请选择项目" :options="datalist"
    @selectitem="selectitem">
</luyj-select-lay>
<!-- 组件状态：加载中 -->
<luyj-select-lay :value="tval" name="name" placeholder="请选择项目" loading="true" :options="datalist"
            @selectitem="selectitem">
<!-- 禁用组件 -->
<luyj-select-lay :value="tval" name="name2" placeholder="请选择项目(禁用)" :options="datalist"
    :disabled="true">
</luyj-select-lay>
<!-- 自定义数据索引对象 -->
<luyj-select-lay :value="tval" name="name3" slabel="myname" svalue="myvalue" placeholder="请选择项目(自定义数据)"
    :options="datalist2" @selectitem="selectitem2">
</luyj-select-lay>
<!-- 改变下拉框的位置 -->
<luyj-select-lay :value="tval" optionsDirection="top" name="name" placeholder="请选择项目" :options="datalist"
            @selectitem="selectitem">
        </luyj-select-lay>

实际使用下拉框时，可能需要考虑下列穿透问题

以上实例，使用的测试数据如下：

// data-com 数据
list: [{
        label: "label1",
        value: "value1"
    },
    {
        label: "label2",
        value: "value2"
    },
    {
        label: "label3",
        value: "value3"
    }

],
// 自定义数据
mylist: [{
        myname: "label1",
        myvalue: "value1"
    },
    {
        myname: "label2",
        myvalue: "value2"
    },
    {
        myname: "label3",
        myvalue: "value3"
    }       
],

属性

optionsDirection 默认值

事件

项目路径

• codechina
• github