elementui中el-input联想搜索框


1,html代码
<el-autocomplete
            v-model="query.providername"
            :fetch-suggestions="providernameSearch"
            placeholder="请输入内容"
            @select="handleProvidername"
            :trigger-on-focus="false"
          ></el-autocomplete>
 
2,js
providernameSearch(queryString,callback){
      var list = [{}]
      if(queryString && queryString.length>0){
        let parms = {
          name:queryString
        }
        providerformFindProvider(parms).then(res=>{
          if(res.status == "ok"){
   //处理成自己想要的格式
            list = res.data.map(item=>{
              return {
                id:`${item.id}`,
                value:`${item.name}`
              }
            })
            callback(list);
          }
        })
      }
    },
    handleProvidername(item){
      this.query.providername = item.value;
      this.providername = item.value;
    },


免责声明!

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



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