iview 选择框远程搜索 指定筛选的参数

发布时间:2024年01月03日

问题:开启了filterable之后,选择框是允许键盘输入的,但是会对选择列表进行过滤,如果不想使用再次过滤,可以试下下面这个方法。

场景:输入加密前的关键字筛选,选择框显示加密后的数据?

? ? ? ? ? 说明一:显示的时候使用数据中的name

? ? ? ? ? 说明二:过滤的时候使用label?

<Select v-model="param.name" filterable :remote-method="remoteGetUnit" 
:filter-by-label="true">
    <Option v-for="(option, index) in list" :value="option.value" :label="option.label" :key="index">{{ option.name }}</Option>
</Select>
data() {
    return {
        param: {
            name: ''
        },
        list: []
    }
},
methed: {
    remoteGetUnit(query) {
        this.list = [
          {
            name: '猴*',
            label: '猴子',
            value: 1
          },
          {
            name: '大*猩',
            label: '大猩猩',
            value: 2
          }
      ]
    }
}

图片说明:

未过滤的时候

?输入过滤值的时候

?

文章来源:https://blog.csdn.net/qq_35699198/article/details/135343514
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。