文章目錄

• 概述
• 知識點
• 實現

概述

先看下效果

---

知識點

Vue2 + iviewui

http://v2.iviewui.com/components/select

---

實現

<Select v-model="chooseResourceObj.equipId"@on-change="equipChange"@on-open-change="(flag)=>{selectOpenChange(flag,'equip')}"filterableremotelabel-in-value:remote-method="equipQuery":loading="equipLoading":transfer="transfer"> // 下拉列表展開事件selectOpenChange (flag, queryType) {if (flag) {if (queryType === 'equip') {this.equipQuery('')} else if (queryType === 'port') {this.portQuery('')}} else {console.log('*****flag=:' + flag)}}

selectOpenChange 和 equipQuery 都是自定義的function, equipQuery 中通過localAxios發起后臺請求獲取數據。

總結

以上是生活随笔為你收集整理的Vue2.x-05 iview的Select控件点击从后台加载数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。