更新记录

1.0.1（2023-06-02） 下载此版本

换scss样式

1.0.0（2023-06-02） 下载此版本

发布

平台兼容性

h-autocomplete 自动补全输入框 根据输入内容提供对应的输入建议

简介

h-autocomplete 自动补全输入框 根据输入内容提供对应的输入建议，灵感来自element-plus，用法基本相似

属性说明

使用示例

<template>
    <view class="content">
        <h-autocomplete v-model="value" :fetch-suggestions="querySearch" :="selectItem" valueKey="value" />
    </view>
</template>

<script>
export default {
    data() {
        return {
            value: ''
        }
    },
    methods: {
        selectItem(item) {
            console.log(item); //   { value: 'html' },
        },
        async querySearch(value, callback) {
            if (value) {
                // 以下Promise可以换成一个网络请求 网络请求的形式是 await axios('http://xxx')
                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        resolve(
                            callback([
                                { value: 'html' },
                                { value: 'css' },
                                { value: 'javascript' },
                                { value: 'vue' },
                                { value: 'uniapp' },
                                { value: 'HBuilder' },
                                { value: 'react' },
                            ])
                        )
                    }, 1000)
                })
            }
            return []
        },
    }
}
</script>