更新记录

1.1.5（2023-06-20）

更新关键字

1.1.4（2023-06-17）

update

1.1.3（2023-06-17）

更新说明

平台兼容性

next-search-history

vue3使用方式(vue2同样支持，在这不再写demo)

<next-search-history :hotList="hotList" :blurList="blurList" @input="inputCallback" @confirmSearch="confirmSearchCallback"></next-search-history>

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

export default {
    setup() {
        const hotList = ref(['华为手机', '苹果手机', '特斯拉', '洗衣机', '笔记本电脑', '平板电脑', '液晶电视'])//热门搜索
        const blurList = ref(['旅游', '旅游景点', '旅游城市', '周边游', '短途游', '热门城市旅游']) //模糊搜索内容
        //input事件
        function inputCallback(e) {
            console.log('搜索框输入的内容：' + e)
        }
        function confirmSearchCallback(e){
            console.log('搜索回调信息：' + e)
        }
        return {
            hotList,
            blurList,
            inputCallback,
            confirmSearchCallback
        }
    }
}
</script>

组件按需加载

如果不需要组件全局加载，而已把组件拷贝到项目的components目录下，单独引入进来使用即可达到按需加载的效果

预览

功能效果预览

参数

属性说明

Event 事件