elementui 隐藏输入框_elementui select下拉框输入完全匹配值则下拉隐藏
var Main = {
data() {
return {
optionsCopy: [{
value: '1',
label: 'meat'
}, {
value: '2',
label: 'drink'
}, {
value: '3',
label: 'food'
}, {
value: '4',
label: '龍須面'
}, {
value: '5',
label: '北京烤鴨'
}],
options: [{
value: '1',
label: 'meat'
}, {
value: '2',
label: 'drink'
}, {
value: '3',
label: 'food'
}, {
value: '4',
label: '龍須面'
}, {
value: '5',
label: '北京烤鴨'
}],
value:""
}
},
methods:{
change(val) {
// this.value = val;
if (val) { //val存在
var _this=this
this.options = this.optionsCopy.filter((item) => {
if (!!~item.label.indexOf(val) || !!~item.label.toUpperCase().indexOf(val.toUpperCase())) {
console.log(item.label,'----',val)
if(item.label===val){
//如果要繼續輸入的可以匹配這里定時器更新，并且輸入時候需關閉定時器
this.value=item.value
this.$refs.mySelect.blur()
}
return true
}
})
} else { //val為空時，還原數組
this.options = this.optionsCopy;
}
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
{{value}}
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
總結
以上是生活随笔為你收集整理的elementui 隐藏输入框_elementui select下拉框输入完全匹配值则下拉隐藏的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python里pai_关于python如
- 下一篇： 什么叫做石英表_石英表和机械表的区别是什