element ui实现下拉框远程搜索,请求后台获取数据并展示下拉内容
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
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>
js
//获取select option选中的值
currentSel(selVal) {
this.selectid=selVal
},
//搜索发起请求 传入值为当前select输入的值
Tolikesearch(query){
enterpriseOrUserList({name:query}).then(res=>{
this.likesearch=res.data
})
},
最终实现的效果
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献4条内容
所有评论(0)