element之input输入搜索联想框


1. 模板代码

            <el-autocomplete :minlength="2" v-model="searchName" :fetch-suggestions="querySearchAsync" placeholder="请输入内容"
                @select="handleSelect"></el-autocomplete>

2. js 代码

            querySearchAsync(queryString, cb) {
                if (queryString && queryString.length > 2) {
                    let params = { name: queryString }
                    this.axios.get("/api/search/name", { params }).then(res => {
                        if (res.data.code == 200) {
                            cb(res.data.data);
                        }
                    })
                }
            },
            handleSelect(item) {
                console.log(this.searchName, item);
            },

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM