:::demo 示例

```html
<template>
    <!--autoComplete基本用法-->
    
    <div>
        <v-autocomplete
        :field="field"
        :placeholder="placeholder"
        :tools="tools"
        :width="width"
        :maxHeight="maxHeight"
        :maxWidth="maxWidth"
        @query="query"
        >
        </v-autocomplete>
    </div>

</template>

<script>

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

export default {
    name:'tools',
    data(){
        return {
            field:"name",
            placeholder:"请输入查询关键字",
            data:data,
            width:160,
            maxHeight: 200,
            maxWidth:160,
            tools:{
                clear:true
            }
        };
    },
    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>
```
:::