zoukankan      html  css  js  c++  java
  • 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;
        },
  • 相关阅读:
    angular二级联动菜单
    angular 实现自定义样式下拉菜单
    编程思想之回调
    编程思想之递归
    编程思想之迭代器
    阅读源码FluentScheduler
    改变spring-servlet.xml名字和默认位置
    thinkpad X1c 2018 插上电源风扇转速过快的解决办法
    python 和python-m 的区别
    电脑
  • 原文地址:https://www.cnblogs.com/wswm/p/13723893.html
Copyright © 2011-2022 走看看