0.0.8 • Published 2 years ago
pure-dropdown-select v0.0.8
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)
}