文章目录

• 概述
• 知识点
• 实现

概述

先看下效果

---

知识点

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控件点击从后台加载数据的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。