Element Plus - 在 el-select 的每个选项右侧添加按钮

在 el-select 的每个选项右侧添加按钮

html 复制代码
<el-select v-model="formData.encryptMethod" placeholder="请选择加密方式">
    <el-option v-for="item in encryptMethods" :key="item.value" :label="item.label" :value="item.value">
        <div class="custom-select-item">
            <span>{{ item.label }}</span>
            <el-button type="text" size="small" @click.stop="encryptMethodPreview(item)">预览</el-button>
        </div>
    </el-option>
</el-select>
css 复制代码
.custom-select-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
相关推荐
\xin4 小时前
pikachu自编exp,xss反射性get,post,存储型xss,dom,dom-x
前端·javascript·xss
是烟花哈9 小时前
【前端】React框架学习
前端·学习·react.js
qq4356947019 小时前
JavaWeb08
前端
2401_8784545310 小时前
html和css的复习(1)
前端·css·html
@PHARAOH11 小时前
WHAT - git worktree 概念
前端·git
IT_陈寒11 小时前
我竟然被JavaScript的隐式类型转换坑了三天!
前端·人工智能·后端
我亚索贼六丶11 小时前
二十六. AI基础概念之如何更好的使用AI
前端
小码哥_常11 小时前
安卓启动页Logo适配秘籍:告别“奇形怪状”的展示
前端
我亚索贼六丶11 小时前
二十五.Electron 初体验与进阶
前端
当时只道寻常11 小时前
像使用 Redis 一样操作 LocalStorage
前端·前端工程化