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')

v-for="item in options"

:key="item.value"

:label="item.label"

:value="item.value">

elementui 隐藏输入框_elementui select下拉框输入完全匹配值则下拉隐藏相关推荐

java的下拉框的设置默认值,html下拉选项属性 html下拉框怎么设置默认值？
html下拉框怎么设置默认值设置selected属性就可以,具体的用法,首先打开hbuilder软件,新建一个html文档,里面写入一个select下拉框: 然后给select中一个option设置 ...
获取下拉框的文本和值，下拉框默认选中
js获取select标签选中的值,下拉框默认选中 <option value="${boj.xxx}" ${boj.xxx eq param.SELECT_NAME ? 's ...
html下拉框怎么设置默认值,html下拉框怎么设置默认值-excel默认值,excel下拉框怎么设置默认值...
步骤如下: 1.打开需要编辑的Excel工作表,如图所示.已知:科学技术分为"农业/林业,工业百技术,医学/医药/卫生,自然科学"这4个部分.现在度需要将这4部分归类到一个下拉列表 ...
elementui中，下拉框设置，既可以从下拉框中选择，又可以自己添加选项
1.需求在用elementui结合vue时,有个需求就是有个下拉框,我需要可以从下拉框中选,也可以自己输入的值变成下拉框的选项,那么,代码如下: 2.实现在template中,我这是在表格中,表格 ...
jquery中如何获取select 下拉框默认选中的值？
通过id获取下拉框默认选中的值 <select class="form-control" id="numbers"><option value ...
js填充select下拉框并选择默认值
/* 使用json数组填充下拉框并复选 *//* 初始化下拉框数据 */ var jsonStr = { "data": [] }; for (var str in JsonStr ...
js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值
本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明获取s ...
antd的 input有下拉_解决antd 下拉框 input [defaultValue] 的值的问题
项目中有下拉框跟input需要回显,所以用到defaultValue这个默认值,在后台调接口调到defaultValue这个值给select设置,但是不好使解决方法直接用value 先加载选中的条 ...
两个下拉框相关联ajax,触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax...
我有两个引导程序下拉框.当我们点击另一个下拉菜单时,其中一个会根据用户选择的国家显示来自数据库的所有国家名称,另一个下拉菜单应该选择状态. 当我点击一个下拉菜单时,我做了一个ajax请求来显示国家名称 ...

elementui 隐藏输入框_elementui select下拉框输入完全匹配值则下拉隐藏

elementui 隐藏输入框_elementui select下拉框输入完全匹配值则下拉隐藏相关推荐

最新文章

热门文章