makeit-search

Makeit Search 搜索组件，是基于 Vue3.0 + Vite 开发，默认根据本地数据进行数据筛选，支持远程搜索，同时也支持搜索结果分页配置，自定义结果列表中每一项的点击事件等

Usage no npm install needed!

<script type="module">
  import makeitSearch from 'https://cdn.skypack.dev/makeit-search';
</script>

README

Makeit Search

基于 Vue3 + Vite 开发的搜索组件

npm package npm_downloads MIT webpack vue vite axios

关于

Makeit Search 搜索组件，是基于 Vue3.0.5 + Vite 开发，默认根据本地数据进行数据筛选，支持远程搜索，同时也支持搜索结果分页配置，自定义结果列表中每一项的点击事件等。

安装

npm i makeit-captcha

使用

import { createApp } from 'vue'
import MakeitSearch from 'makeit-search'
import 'makeit-search/dist/search.min.css'
import App from './app.vue'

const app = createApp(App)
app.use(MakeitSearch)
app.mount('#app')

示例

<!-- 基础效果 -->
<template>
    <mi-search :data="data" search-key="title"></mi-search>
</template>

<script lang="ts">
    import { defineComponent } from 'vue'
    export default defineComponent({
        data() {
            return {
                data: [
                    {title: '麦可易特网 - 登录页面'},
                    {title: '麦可易特网 - 滑块验证'},
                    {title: '麦可易特网 - 气泡提示'},
                    {title: '麦可易特网 - 菜单选项'},
                    {title: '麦可易特网 - 注册页面'},
                    {title: '麦可易特网 - 弹窗动效'}
                ]
            }
        }
    })
</script>

更多

更多定制化内容及使用请查看在线示例：https://admin.makeit.vip/components/search