更新记录

1.0.2（2022-12-02） 下载此版本

1、支持模糊搜索value、label 2、失去焦点关闭联想推荐

1.0.1（2021-06-24） 下载此版本

修复文件引入错误问题

1.0.0（2020-12-01） 下载此版本

1.0.0 完成基础测试，如有好的建议可以评论区留言给我

平台兼容性

属性说明

事件说明

示例

<search @focus="showAdvice" @getadvice="getAdvice" @input="getSearchValue" @clear="clearValue" :adviceList="arry" :ifshowadvice="true" :value="searchValue"></search>

import search from '@/components/pretty-search/pretty-search.vue'
    export default {
            components: {
                search
            },
            data() {
                return {
                    arry:[],
                    searchValue:'hello'
                }
            },
            onLoad() {

            },
            methods: {
                showAdvice(e) {
                    this.arry = [{
                        name:'冰冻鱼骨',
                        id:1
                    },{
                        name:'香辣鸡翅',
                        id:2
                    },{
                        name:'芝士排骨',
                        id:3
                    },{
                        name:'冰冻鱼骨',
                        id:4
                    },{
                        name:'香辣鸡翅',
                        id:5
                    },{
                        name:'芝士排骨',
                        id:6
                    }]
                },
                /**
                 * @param {Object} e 点击搜索建议返回的值，可以自定义修改为返回具体id
                 */
                getAdvice(e) {
                    console.log(e)
                },
                getSearchValue(e) {
                    this.searchValue = e
                },
                /**
                 * @description 点击清除操作需要置空value绑定的值
                 */
                clearValue() {
                    this.searchValue = ''
                }
            }
        }