更新记录

1.0.1(2024-08-02) 下载此版本

1.0.1是第一个版本


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.11 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

基本用法

template 中使用组件

<template>
    <view>
        <view style="padding: 0 20rpx;box-sizing: border-box">
            <ft-secelet :localdata="dataList" :inputvalue='id' @changes="testchange" :clean="true" ></ft-secelet>
        </view>
    </view>
</template>

<script>
    import ftSecelet from "@uni_modules/ft-secelet/components/ft-secelet.vue";
    export default {
        components:{ftSecelet},
        data() {
            return {
                id: '',
                dataList:[
                    {name:'测试1',id:1},
                    {name:'测试2',id:2},
                    {name:'测试3',id:3},
                    {name:'名称4',id:4},
                    {name:'名称5',id:5},
                    {name:'名称6',id:6},
                    {name:'名称7',id:7},
                    {name:'名称8',id:8},
                    {name:'名称9',id:9},
                    {name:'名称10',id:10},
                    {name:'名称11',id:11},
                    {name:'名称12',id:12}
                ]
            }
        },
        methods: {
            testchange(e){
                console.log(e,"点击触发事件")
            },
        }
    }
</script>

<style>
</style>

API

Combox Props

属性名 类型 默认值 说明
localdata Array [] 默认是[]
inputvalue number null 需要返显的id值
cleanParameter Boolean true 是否开启搜索功能
searchTerm Boolean true 是否显示清除按钮(需cleanParameter为搜索模式时生效)
selectionBorder Boolean true 是否显示边框
filletOptions Boolean true 是否是圆角边框

Combox Events

事件称名 说明 返回值
@changes 点击选项触发 返回选中对象

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问