Vue/ElementUI实现input框模糊查询

<el-autocomplete style="width:300px" v-model="inputName" :fetch-suggestions="querySearch" clearable placeholder="请输入搜索的内容"></el-autocomplete>

data() {
    return {
        inputName:'',
        nameTipsArray:[],//用于存放下拉提醒框中数据的数组
        nameArray:['table_user','table_user01','table_class','menu_table']//页面初始化时全部数据
    }
},
methods:{
     querySearch(queruString, cb){
       　var nameTipsArray = this.nameTipsArray;
         cb(nameTipsArray);
    }   
},
watch:{
    inputName:{
        handler: function() {
            this.nameTipsArray = [];//这是定义好的用于存放下拉提醒框中数据的数组
            var len = this.nameArray.length;//nameArray是页面初始化时全部数据
            var arr = [];
            for (var i = 0; i < len; i++) {//根据输入框中inputName的值进行模糊匹配
                if (this.nameArray[i].indexOf(this.inputName) >= 0) {
                    arr.push(this.nameArray[i]);//符合条件的值都放入arr中
                }
            }
            console.log(arr);
                
            //el-autocomplete元素要求数组内是对象，且有value属性，此处做一个格式调整
            for (var i = 0; i < arr.length; i++) {
                var obj = { value: "" };
                obj.value = arr[i];
                this.nameTipsArray.push(obj);
            }
        }
   }
}