更新记录

1.0.1(2019-12-03)

修复安卓点击两次才能选中的情况

1.0.0(2019-12-02)

添加输入框模糊搜索组件

查看更多

输入框模糊搜索

github地址,喜欢的可以star下哦

插件预览图

使用教程

1.插件代码拷贝

  • 下载后把components目录下inputSearch.vue文件拷贝到自己项目目录下

2.插件全局配置

  • 在项目里main.js中配置如下代码
import inputSearch from './components/inputSearch.vue'

Vue.component('inputSearch', inputSearch)

3.插件使用

  • vue页面使用

<template>
    <view class="content">
        <inputSearch :dataSource="dataSource" @select="handleChange" placeholder="请输入商品名称" />
    </view>
</template>


    export default {
        data() {
            return {
                dataSource: [{
                        id: 1,
                        name: '耐克1'
                    },
                    {
                        id: 2,
                        name: '耐克2'
                    }
                ],
            };
        },
        methods: {
            //用户点击获取的数据
            handleChange(data) {
                console.log(data)
            }
        }
    }


<style lang="scss">
    .content {
        padding:20upx;
    }
</style>
兼容性

uni-app项目中使用都兼容

样式可以自己在组件里面调整

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

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

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

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