element ui實現下拉框遠程搜索，請求后臺獲取數據并展示下拉內容

在這里插入圖片描述
element已經給我們提供了此方法，需要在el-select中綁定幾個屬性即可
通過remote-method來實現實時發起搜索請求

     <el-select  v-model="searchByName" 
              filterable 
              placeholder="請輸入企業名稱/姓名" 
              remote
              clearable
              @change="currentSel"
              reserve-keyword
              :remote-method="Tolikesearch">
              <el-option
                v-for="item in likesearch"
                :key="item.userId"
                :label="item.realName"
                :value="item.userId">
             </el-option>
    </el-select>

  //獲取select option選中的值
        currentSel(selVal) {
         this.selectid=selVal
        },
   //搜索發起請求 傳入值為當前select輸入的值
        Tolikesearch(query){
          enterpriseOrUserList({name:query}).then(res=>{
              this.likesearch=res.data
          })
        },

最終實現的效果

本文鏈接：https://blog.csdn.net/weixin_43208652/article/details/103599659

智能推薦

Linux C系統編程-線程互斥鎖（四）

互斥鎖互斥鎖也是屬于線程之間處理同步互斥方式，有上鎖/解鎖兩種狀態。互斥鎖函數接口 1）初始化互斥鎖 pthread_mutex_init() man 3 pthread_mutex_init (找不到的情況下首先 sudo apt-get install glibc-doc sudo apt-get install manpages-posix-dev) 動態初始化 int pthread_...

統計學習方法 - 樸素貝葉斯

引入問題：一機器在良好狀態生產合格產品幾率是 90%，在故障狀態生產合格產品幾率是 30%，機器良好的概率是 75%。若一日第一件產品是合格品，那么此日機器良好的概率是多少。貝葉斯模型生成模型與判別模型判別模型，即要判斷這個東西到底是哪一類，也就是要求y，那就用給定的x去預測。生成模型，是要生成一個模型，那就是誰根據什么生成了模型，誰就是類別y，根據的內容就是x 以上述例子，判斷一個生產出...

styled-components —— React 中的 CSS 最佳實踐

https://zhuanlan.zhihu.com/p/29344146 Styled-components 是目前 React 樣式方案中最受關注的一種，它既具備了 css-in-js 的模塊化與參數化優點，又完全使用CSS的書寫習慣，不會引起額外的學習成本。本文是 styled-components 作者之一 Max Stoiber 所寫，首先總結了前端組件化樣式中的最佳實踐原則，然后在此基...

基于TCP/IP的網絡聊天室用Java來實現

基于TCP/IP的網絡聊天室實現開發工具:eclipse 開發環境:jdk1.8 發送端接收端工具類運行截圖...

19.vue中封裝echarts組件

19.vue中封裝echarts組件 1.效果圖 2.echarts組件 3.使用組件按照組件格式整理好數據格式傳入組件 home.vue 4.接口返回數據格式...

element ui實現下拉框遠程搜索，請求后臺獲取數據并展示下拉內容

智能推薦

猜你喜歡