效果如下
下拉選中之后可以配置Tag形式展現(xiàn)
tag.png
支持遠程搜索
搜索.png
支持分頁
分頁.png
支持編輯回顯正確的value 以及l(fā)abel
使用方法配置如下
<remote-select
label-key="cname"
v-model.number="form.cid"
:initv="form.cid"
@change="changeaname2"
showtag="true"
tagtype="success"
:initlabel="form.cname" url="xxxx/loadPage"
placeholder="Campaigns">
</remote-select>
initv initlabe 回顯值綁定
label-key 綁定label取自查詢結(jié)果的哪個key一般為name
label-value 綁定下拉框value綁定查詢結(jié)果的某個key 默認id
showtag 選中后是否tag形式展現(xiàn)
tagtype elementui 支持的類型 info success等
url 遠程下拉查詢的 url 可支持分頁
哈哈 代碼不太美觀，但是解決了企業(yè)級遠程搜索下拉框的需求
完全基于vue elementui 基本的語法 計算屬性 監(jiān)聽 以及相關(guān)鉤子函數(shù)實現(xiàn) ，天然簡單無侵入
有需要的給我留言 我可以分享代碼
