a-select

原创于 2022-05-06 16:57:16 发布 · 822 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

vue 专栏收录该内容

8 篇文章

订阅专栏

vue2x版本下，a-select的支持搜索模式：

！！！第一种：

 <a-select
    show-search
    :style="showable?'':{width: '92%',marginRight: '5px'}"
    :disabled="showable"
    :options="unitList"
     option-filter-prop="children"
     :filter-option="filterOption"
     v-model="formData.unit" />

filterOption(input, option) {
      return (
        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
      )
    },

！！！第二种：

<a-select
    show-search
    :style="showable?'':{width: '92%',marginRight: '5px'}"
    :disabled='showable'
    :options='unitList'
    @change="unitChange"
    :filter-option="filterOption"
    v-decorator="['unit', {rules: [{required: false, message: '请选择单位'}]}]" />

filterOption(input, option) {
      return (
        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
      )
    },