前端代码大致如下: <el-selectstyle="width: 130px"v-model="extraAttr.value_id"placeholder="请选择属性值"@change="handleSelectAttrValue(extraAttr)"@clear="handleClearAttrValue(extraAttr)"filterableclearable><el-optionv-for="(item, index5) in getValues(extraAttr.attribute_id)":key="index5":la...
4. clearable:是否可以清空选项,默认为false。 5. filterable:是否可搜索,默认为false。 6. disabled:是否禁用选择器,默认为false。 7. size:选择器尺寸,可以设置为medium、small或mini。 8. popper-class:自定义下拉弹出层的类名。 除了以上常用参数,el-select还可以接收其他一些参数,用于自定义下拉选项的展示、...
1、首先设置el-select的属性popper-append-to-body为false:不将下拉弹出框插入至 body 元素 <el-selectv-model="listQuery.company":popper-append-to-body="false"class="input-select"filterable clearable placeholder="请选择所属集团"> <el-option v-for="(item,index) in companies":key="index":label=...
组件名称 SelectTree.vue, 如果需要加上disabled 或者个性化的, 自己可以手动添加,代码已经有注释了 <template><el-select :value="valueTitle"ref="selectEl":filterable="filterable":clearable="clearable"@clear="clearHandle":filter-method="selectFilterData":size="size"><el-option :value="valueId" :labe...
<el-select clearable filterable@input.native="filterableData"v-model="mySelect" @change="XXX()"> watch 观察变化 watch:{ "mySelect":function(newVal){ if(!newVal){ this.stationnameList =this.stationnameListCopy; } } } @input.native 监听输入的所有字符,进入methord ...
<el-selectv-model="form.usePlaceId"@clear="form.usePlaceId = undefined"clearable placeholder="请选择使用地"filterable :disabled="form.assetId > 0 ? true : false"> <el-option v-for="item in usePlaceList":label="item.placeName":key="item.usePlaceId":value="item.usePlaceId"></el-op...
<el-select clearable filterable @input.native="filterableData" v-model="mySelect" @change="XXX()"> watch 观察变化 watch:{ "mySelect":function(newVal){ &#...
remote-method="remoteMethod" remote v-model="form.tagUuid" placeholder="请选择" filterable clearable size="small" default-first-option @visible-change="changeSelTag"> <el-option v-for="item in tagOptions" :key="item.uuid" :label="item.tagname" :value="item.uuid"> {{ item.tagname }} ...
><el-selectv-model="value"filterable:popper-append-to-body="false"v-down="loadmore"clearable><...
:clearable="item.clearable" :filterable="item.filterable" :placeholder="getPlaceholder(item)" @change="changeEvent(item.event, data[item.value])" > <el-option v-for="(childItem, childIndex) in listTypeInfo[item.list]" :key="childIndex" ...