更新记录

1.0.1（2025-04-07） 下载此版本

优化

1.0.0（2024-07-15） 下载此版本

1.0.0初级版

平台兼容性

uni-app

其他

uniapp 表单下拉选择框组件

组件名：form-select 代码块： <form-select>

form-select组件是基于uniapp+vue2的表单下拉选择框组件，编译兼容H5+小程序端+App端。

引入方式

import formSelect from '@/components/form-select/form-select';
export default {
    components: {
        formSelect
    },
    data() {
        return {

        }
    },
    methods: {
    }
}

基本用法

示例

• view代码

<form-select ref="formSelect"  :placeholder="optionPlaceholder" :selectedId="optionId" :localdata="optionModel" @change="changeOption"></form-select>

• 相关变量定义

optionPlaceholder:'请选择',
optionId:0,
optionModel:[
    {id:'1',title:'选项1'},
    {id:'2',title:'选项2'},
    {id:'3',title:'选项3'},
],

• 选择后回调函数定义

changeOption(e){
    console.log(e);
    this.optionId = e.id;
}

API

form-select Props

events

methods

最后

使用中有什么问题请及时反馈 谢谢 好用满意请发个好评谢谢！️