Element踩坑日记

彼岸悠扬

于 2021-12-01 23:41:02 发布

阅读量488

点赞数

分类专栏：踩坑日记

本文链接：https://blog.youkuaiyun.com/qq_44991580/article/details/121667571

版权

Vue.js el-select span标签 UI优化组件定制

关键词由优快云通过智能技术生成

踩坑日记专栏收录该内容

1 篇文章

订阅专栏

select

select中的slot应使用span标签

<el-select v-model="select3">
    <el-option
	    v-for="item in list"
	    :key="item.value"
	    :label="item.name"
	    :value="item.value"
    >
        <!-- 应使用span标签 -->
        <span class="flex">
            <span class="flex-left">{{ item.name }}</span>
            <span class="flex-right">{{ item.desc }}</span>
        </span>
    </el-option>
</el-select>

<el-select
   v-model="select5"
    :remote-method="handleRemote"
    :loading="loading"
    @clear="onClear"
    filterable
    remote
    clearable
>
    <el-option
        v-for="item in options2"
        :key="item.value"
        :label="item.label"
        :value="item.value"
    ></el-option>
    <!-- 应使用span标签 -->
    <span slot="empty" class="block-empty">无内容</span>
</el-select>