vue3+elementPlus：el-select选择器里添加按钮button

原创

已于 2023-10-08 14:44:40 修改 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #elementui #前端 #ecmascript

于 2023-10-08 14:26:13 首次发布

本文介绍了如何在Vue3结合ElementPlus框架中，实现在el-select选择器中添加按钮并实现动态样式，包括多选选项和使用样式绑定功能的应用。

vue3+elementPlus：el-select选择器里添加按钮button，在el-select的option后面添加button

//html
<el-select class="selectIcon" value-key="id" v-model="store.state.HeaderfilterText" multiple collapse-tags
                    collapse-tags-tooltip placeholder="默认企业" style="width: 210px" @remove-tag="removeCheckTag"
                    @change="checkChange" >
                    <template #prefix>
                        <el-icon class="el-icon--left">
                            <svg viewBox="0 0 1024 1024" data-v-029747aa="">
                                <path fill="currentColor" d="M512 128 128 447.936V896h255.936V640H640v256h255.936V447.936z">
                                </path>
                            </svg>
                        </el-icon>
                    </template>
                    <el-option v-for="item in store.state.HeaderLists" :key="item.id" :la