el-autocomplete 联想输入

malanjun11

于 2024-01-12 08:54:51 发布

阅读量394

点赞数 8

分类专栏：框架文章标签： windows javascript 开发语言

本文链接：https://blog.csdn.net/malanjun11/article/details/135543374

版权

框架专栏收录该内容

2 篇文章 0 订阅

订阅专栏

 <el-form-item label="货单编号" prop="hdNo">
        <el-autocomplete   v-model.trim="query.hdNo"   :fetch-suggestions="querySearch"  clearable
            class="wid200"  placeholder="请输入"  @select="handleSelect"  :trigger-on-focus="false" />
</el-form-item>

import {Session} from "/@/utils/storage";

const querySearch = (queryString, cb) => {
    const results = queryString
        ? loadAll('hdNoslist').filter(createFilter(queryString))
        : loadAll('hdNoslist')
    cb(results);
}
const querySearchyd= (queryString, cb) => {
    let type=''
    if(query.key0=='billId'){
        type='ydlist'
    }
    if(query.key0=='carinfo'){
        type='carinfolist'
    }
    const results = queryString
        ? loadAll(type).filter(createFilter(queryString))
        : loadAll(type)
    cb(results);
}
const createFilter = (queryString) => {
    return (restaurant) => {
        return (restaurant.value.indexOf(queryString) === 0);
    };
}

const loadAll = (type) => {
    let arr = Session.get(type)
    let list = [{value: '', name: ''}]
    if (arr) {
        arr.forEach(v => {
            let obj = {
                value: v,
                name: v
            }
            list.push(obj)
        })
    }

    return list
}
const handleSelect = (item) => {

}