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;
}
相关推荐
weixin199701080162 小时前
衣联网商品详情页前端性能优化实战
前端·性能优化
技术钻石流2 小时前
面向“传统程序员”的端到端 10x Vibe Coding 指南(大型需求) - 从面向业务开发转向面向“Agent 员工”开发
前端·后端·ai编程
codingWhat2 小时前
Electron 入门实战:用一个加法计算器吃透 Electron 核心概念
前端·javascript·electron
张一凡932 小时前
easy-model 在任务管理应用中的实际应用
前端·react.js
专业流量卡2 小时前
React useMemo 源码ai解析
前端
TechFind2 小时前
AI Agent 开发完整教程:从零到上线的实战指南
java·javascript
进击的尘埃2 小时前
把 800 行 `index.ts` 拆成 MCP 架构这件事,我踩了不少坑
javascript
Tzarevich2 小时前
深入理解Event Loop:从原理图到代码实战,小白也能看懂的 JS 执行机制
前端·javascript·面试
毛骗导演2 小时前
发送一句「你好」,为什么花掉了几千个 Token?——深读 OpenClaw 的 Context 注入机制
前端·架构