:::demo 示例

```html
<template>
    <!--autoComplete基本用法-->
    
    <div>
        <p>1.小尺寸</p>
        <v-autocomplete
        :field="field"
        :placeholder="placeholder"
        :size="small"
        @query="query"
        >
        </v-autocomplete>

        <p>2.中型尺寸</p>
        <v-autocomplete
        :field="field"
        :placeholder="placeholder"
        :size="middle"
        @query="query"
        >
        </v-autocomplete>

        <p>3.大尺寸</p>
        <v-autocomplete
        :field="field"
        :placeholder="placeholder"
        :size="large"
        @query="query"
        >
        </v-autocomplete>

    </div>

</template>

<script>

import data from '../../mock/tableData.js'

export default {
    name:'customsize',
    data(){
        return {
            field:"name",
            placeholder:"请输入查询关键字",
            data:data,
            small:"small",
            middle:"middle",
            large:"large"
        };
    },
    methods:{
        //模拟查询数据
        query(value,callback){
            let filterData=[];
            if(value){
                this.data.forEach(function(item){
                    if(item["name"].toString().indexOf(value)>-1){
                        filterData.push(item);
                    }
                });
            }
            callback(filterData);
        }
    }
}

</script>

```
:::