empty slot 用于自定义当 el-select 组件没有可选选项时显示的内容。默认情况下,如果没有选项,el-select 会显示一个空白的下拉列表。通过定义 empty slot,可以提供一个更友好的用户提示,比如显示“暂无数据”或“无匹配结果”等。 3. 示例代码 以下是一个使用 empty slot 的示例代码,展示了如何在 el-select 组...
<slot></slot> </el-scrollbar> <templatev-if="emptyText && (!allowCreate || loading || (allowCreate && options.length === 0 ))"> <slotname="empty"v-if="$slots.empty"></slot> <pclass="el-select-dropdown__empty"v-else> {{ emptyText }} </p> </template> </el-select-menu...
no-data-text选项为空时显示的文字,也可以使用slot="empty"设置string—无数据 popper-classSelect 下拉框的类名string—— reserve-keyword多选且可搜索时,是否在选中一个选项后保留当前的搜索关键词boolean—true default-first-option在输入框按下回车,选择第一个匹配项。需配合filterable或remote使用boolean—false ...
</el-option> <div slot="empty" style="height:30px;text-align:center;line-height:30px">无数据</div>//搜不到结果的时候展示对应的文字 </el-select> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 data() { return { menus: [], subMe...
$slots.default } </el-scrollbar> {emptyText()} </el-select-menu> </transition> ); }; return ( <div class={['el-select', this.selectSize ? 'el-select--' + this.selectSize : '']} on-click={this.toggleMenu} v-clickoutside={this.handleClose}> <div class='el-select__tags' ...
loading"> <el-option :value="query" created v-if="showNewOption"> </el-option> <slot></slot> </el-scrollbar> <template v-if="emptyText && (!allowCreate || loading || (allowCreate && options.length === 0 ))"> <slot name="empty" v-if="$slots.empty"></slot> <p class="...
daijing92opened this issueMar 18, 2019· 1 comment daijing92commentedMar 18, 2019 element-botadded theinvalidlabelMar 18, 2019 element-botclosed this ascompletedMar 18, 2019
<el-selectref="select"v-model="defaultValue":clearable="clearable":multiple="multiple":placeholder="_placeholder":filterable="filterable":disabled="disabled":filter-method="filterMethod"@remove-tag="removeTag"@visible-change="visibleChange"@clear="clear"> <template #empty> <div class="sc-table-...
<el-tooltip class="item" effect="dark" :disabled="isEmpty(labelText)" placement="top-start"> <div slot="content">{{ getTooltipStr(labelText) }}</div> <el-select v-model="labelText" class="del-none" v-bind="$attrs" :filter-method="handleSelectFilter" ...
view-class="el-select-dropdown__list" ref="scrollbar" :class="{ 'is-empty': !allowCreate && query && filteredOptionsCount === 0 }" v-show="options.length > 0 && !loading"> <el-option :value="query" created v-if="showNewOption"> </el-option> <slot></slot> </el-scrollbar...