思路:当点击options的时候,让select 失去焦点(跳到其他的地方),添加el-input 就是为了把光标跳转到其上面,然后将其隐藏掉,则为看不到光标点, 但是在点击第一次之后获取焦点focus之后,隐藏掉下拉菜单的时候 @blur是无效的,此时只能通过监听下拉框是否是隐藏和显示状态来让其失去焦点事件,所以需要使用 @visible-chan...
但是会出现一个问题:我们有多个el-select,只是改变了其中一个el-select的值,但是会触发所有的change事件;或者我们是v-for生成了很多个调用同一个change函数的el-select,这时所有的el-select都会执行一遍change函数,这会给我们带来意想不到的问题。 那怎么处理这个问题呢?elementUI文档给我们介绍了另一个事件:visible-...
visible-change 描述:当下拉框显示/隐藏时触发。 参数:布尔值,true 表示下拉框显示,false 表示下拉框隐藏。 示例代码: vue <template> <el-select v-model="selectedValue" @visible-change="handleVisibleChange"> <el-option v-for="item in options" :key="item.value" :label="item...
<el-select v-model="value" placeholder="请选择"@visible-change="changeSelectVisible"> <el-option...
<el-select style="width: 80%" v-model="form.companyType" placeholder="请选择" ref="select" :popper-append-to-body="false" popper-class="option" @visible-change="show" clearable> <el-option value="1" hidden></el-option> <div class="companyType"> 自定义内容。。。 </div> </el-se...
optionData.name : ''"ref="select":value="value"placeholder="请选择"size="mini"clearable:disabled="disabled":filterable="filterable":filter-method="filterMethod"style="width: 100%;"@clear="clear"@visible-change="visibleChange"><el-optionref="option"class="tree-select__option":value="optionDa...
<el-select ref="searchSelect"v-model="filter"filterable remote size="mini"clearable placeholder="请输入关键词":remote-method="remoteMethod"@input="handleChange"@focus="selectFocus"@visible-change="visibleChange"@blur="selectBlur"@change="selectChange"> ...
key="id":label="name":value="id"/></el-select></template>// ps vue3 只放了解决该问题的方法// 解决 filterable multiple 同时使用 选中一项后光标默认选中问题constvisibleChange=(item)=>{if(item){nextTick(()=>{selectCity.value.focus()})}else{nextTick(()=>{selectCity.value.blur()})}...
<el-select :ref="item2.fieldName" v-if="item2.data == 1" @visible-change="visibleChange($event,item2.annotationFields, item2.fieldName)" v-model="scope.row[item2.fieldName]" placeholder="请选择"> <el-option v-for="(item, index) in options" ...
<el-select v-model="num" placeholder="选择数量"@change="numChange"@visible-change="numTrigger"> <el-option v-for="item in options_num":key="item":label="item":value="item"> </el-option> </el-select> data: data() {return{ ...