更新记录

1.0.0.2（2026-01-07） 下载此版本

master

1.0.0.1（2026-01-05） 下载此版本

master

1.0.0（2026-01-05） 下载此版本

master

平台兼容性

uni-app(4.13)

其他

安装

在市场导入xf-search-btnuni_modules版本的即可，无需import

组件关联说明

• xf-scss辅助样式;
• xf-icon;
• xf-pk-single-select;

  代码演示

基本用法

• 使用组件代码如下：

<template>
    <view class="xf-col main-page" style="gap: 10px;">
        <text>搜索按钮</text>
        <xf-search-btn :optionList="optionList" v-model="searchText"  placeholder="搜索客户、业务" @change="change">
        </xf-search-btn>
    </view>
</template>

<script setup lang="ts">
import { computed, ref } from 'vue'

    const searchText = ref('')

    const optionList = ref([
        {
            label: '选项1',
            value: 1,
        },
        {
            label: '选项2',
            value: 2
        },
        {
            label: '选项3',
            value: 3
        },
        {
            label: '选项4',
            value: 4
        },
        {
            label: '选项5',
            value: 5
        },
        {
            label: '选项6',
            value: 6
        },
        {
            label: '选项7',
            value: 7
        },
    ]);

    const change =(e)=>{
        console.log(e)
    }
</script>

API

Props

事件 Emits