pure-dropdown-select

install

import PureSelect from 'pure-dropdown-select'
import PureOption from 'pure-dropdown-select'
import '{self-path}/node_modules/pure-dropdown-select/pure-select.css'
Vue.use(PureSelect, PureOption)

Usage

 <pure-select
         width="250px"
         height="40px"
         dropdownHeight="200px"
         searchInputHeight="30px"
         searchInputPlaceholder="search"
         pureSelectClassName="pureSelectClass"
         :searchIcon="require('@/assets/common/icons/pureselect/clear.png')"
         searchIconWidth="15px"
         @search="searchData" //searchInput Value searchData(e) {console.log(e)}
         @change="selectChange"//changeOption Value selectChange(e) {console.log(e)}
          :hiddenSearch="false" // show searchInput
          allowClear // show clear button
          v-model="currentValue"
          placeholder="select"
        >
          <pure-option
            v-for="(item, index) in filterSelectData"
            :key="index"
            :disabled="item.disabled"
            :label="item.label"
            :value="item.value"
          ></pure-option>
        </pure-select>

methods

  searchData(e) {
    console.log(e)
  },
  change(e){
    console.log(e)
  }