j-dict-select-tag 组件增加模糊查询

weixin_45055307

已于 2022-12-28 09:11:05 修改

阅读量582

点赞数 1

文章标签： vue.js anti-design-vue

于 2022-12-22 10:24:40 首次发布

本文链接：https://blog.csdn.net/weixin_45055307/article/details/128405237

版权

<a-select   v-else-if="tagType=='selectLike'" :getPopupContainer = "getPopupContainer" :placeholder="placeholder" :disabled="disabled" :value="getValueSting" @change="handleInput"
              show-search 
              :filter-option="filterOption"
  >
    <a-select-option :value="undefined">请选择</a-select-option>
    <a-select-option v-for="(item, key) in dictOptions" :key="key" :value="item.value"  :label='item.label+item.text'>
      <span style="display: inline-block;width: 100%" :title=" item.text || item.label ">
        {{ item.text || item.label }}
      </span>
    </a-select-option>
  </a-select>

主要是

show-search
:filter-option="filterOption"

 filterOption(input, option) {
        let componentOptions = option.componentOptions;
        if (componentOptions.children[0].text=="请选择"){
          return false;
        }else{
          let children = componentOptions.children[0].children[0]
          return children.text.toLowerCase().indexOf(input.toLowerCase()) >= 0;
        }
      },

方法循环你的值返回true代表符合，主要找text的位置在哪里