Iview Select filterable远程搜索“无匹配数据”显示异常

天渺工作室

拓展 https://blog.csdn.net/weixin_...

说实话,Iview UI真的挺坑的,官方文档什么都没说,当Iview UI中Select 加了filterable属性,在加了remote和:remote-method="接口搜索函数"远程搜索功能之后,不管接口有没有数据,“无匹配数据“永远在显示。
https://img-blog.csdnimg.cn/20210527232955900.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM3MjU1MjA3,size_16,color_FFFFFF,t_70

<!--cityList 不论是否存在数据,"无匹配数据"总是莫名其妙的显示--> 
<Select v-model="model11" filterable>
 <Option v-for="item in cityList" :value="item.value" :key="item">
    {{ item.label }}
</Option>
</Select>

 有效的解决方法

not-found-text https://iview.github.io/compo...

<!--暂时没看源码,只能人为操作not-found-text--> 
<Select v-model="model11" filterable remote  
:not-found-text="cityList.length===0?'':'无匹配数据'"
:remote-method="remoteMethod" :loading="loading"
>
 <Option v-for="item in cityList" :value="item.value" :key="item">
    {{ item.label }}
</Option>
</Select>
阅读 724

陕西人 目前在广东 设计师+全栈工程师+业余音乐制作人

14 声望
1 粉丝
0 条评论
你知道吗?

陕西人 目前在广东 设计师+全栈工程师+业余音乐制作人

14 声望
1 粉丝
宣传栏