el-selet下拉菜单自定义内容,下拉内容样式类似表格

news/2024/12/13 14:49:23

在这里插入图片描述

   <el-form-item label="角色:" prop="username"><el-selectv-model="value"placeholder="Select"popper-class="role_select"><el-option disabled><div class="flex"><div style="width: 150px">角色</div><div>特权</div></div></el-option><el-optionv-for="item in roleList":key="item.roleid":label="item.roleid":value="item.roleid"><div class="flex"><div style="width: 150px">{{ item.roleid }}</div><el-spacewrapstyle="width: 500px;white-space: normal;word-wrap: break-word;"><el-tagv-for="item1 in item.privs":key="item1"plaintype="primary"size="small">{{ item1 }}</el-tag></el-space></div></el-option></el-select></el-form-item>```css部分:
不加scoped
<style lang="scss">
.role_select {height: unset !important;.el-select-dropdown__item {height: unset;line-height: unset;border-bottom: 1px solid #dcdfe6;padding: 5px 30px 5px;}
}
</style>

https://dhexx.cn/news/show-5466365.html

相关文章

M4V 视频是一种什么格式?如何把 M4V 转为 MP4 格式?

M4V 是一种视频文件格式&#xff0c;主要由苹果公司用于其产品和服务中&#xff0c;如 iTunes Store 上的电影和电视节目。这种格式可以包含受版权保护的内容&#xff0c;并且通常与苹果的 DRM&#xff08;数字版权管理&#xff09;技术结合使用&#xff0c;以限制内容的复制和…

windows中idea选择bash作为控制台指令集,但是系统环境变量未在其中生效处理

1. 引言 在windows系统中安装node 以及npm时配置其环境&#xff0c;使用window环境变量的配置方式在系统环境变量设置的地方设置了环境变量如下图1-1&#xff0c;设置后在idea中的控制台通过 echo $PATH 查看环境变量发先跟系统中配置的不一致&#xff0c;而且node -v npm -v指…

《Python基础》之数据加密模块hashlib的用法

目录 一、简介 二、用法 步骤一、导入hashlib库 步骤二、创建哈希对象 步骤三、往哈希对象中传值 1、可以在创建对象的时候传值 2、使用updata传值 步骤四、获取经过哈希对象加密后的值 三、注意事项 1、编码问题 2、安全性 3、多次传值 四、总结 一、简介 hashli…

【docker】9. 镜像操作与实战

镜像操作案例 查找镜像 docker search busybox下载镜像 docker pull busybox:1.36.0查看镜像及列表存储位置 rootLAPTOP-H2EI4I6A:~# docker images busybox REPOSITORY TAG IMAGE ID CREATED SIZE busybox latest 517b897a6a83 2 months a…

使用guzzlehttp异步多进程实现爬虫业务

Python和PHP核心技术共享平台 背景 小哥近来在通过动态代理池爬取一些公司需要的大文件pdf规格书的处理。遇到的难点&#xff0c;如何保证服务器CPU、连接数等正常情况下&#xff0c;多进程、异步快速处理这些业务并且保证准确。下面小哥就给看官唠嗑一下&#xff0c;我使用gu…

《JavaEat:探索 Java 在美食世界的奇妙之旅》

在当今数字化的时代&#xff0c;编程语言的应用领域不断拓展&#xff0c;而 Java 作为一种广泛使用且功能强大的编程语言&#xff0c;其影响力早已超越了传统的软件开发范畴。当我们将目光聚焦在美食领域时&#xff0c;会惊喜地发现 Java 也能在其中发挥独特而重要的作用。本文…

Web 表单开发全解析:从基础到高级掌握 HTML 表单设计

文章目录 前言一、什么是 Web 表单?二、表单元素详解总结前言 在现代 Web 开发中,表单 是用户与后端服务交互的重要桥梁。无论是用户登录、注册、搜索,还是提交反馈,表单都无处不在。在本文中,我们将从基础入手,全面解析表单的核心知识点,并通过示例带你轻松掌握表单开…

HarmonyOS Next 模拟器安装与探索

HarmonyOS 5 也发布了有一段时间了&#xff0c;不知道大家实际使用的时候有没有发现一些惊喜。当然随着HarmonyOS 5的更新也带来了很多新特性&#xff0c;尤其是 HarmonyOS Next 模拟器。今天&#xff0c;我们就来探索一下这个模拟器&#xff0c;看看它能给我们的开发过程带来什…

【时间之外】IT人求职和创业应知【48】-通信技术

目录 新闻一&#xff1a;腾讯科技取得数据显示相关专利 新闻二&#xff1a;中国5G网络规模全球最大&#xff0c;6G技术取得突破 新闻三&#xff1a;亚马逊启动“登月”计划&#xff0c;部署10万颗二代自研芯片 连亚马逊这样的大厂也搞登月计划&#xff0c;可见现在的业界竞争…

SickOs: 1.1靶场学习小记

学习环境 kali攻击机&#xff1a;Get Kali | Kali Linux vulnhub靶场&#xff1a;https://download.vulnhub.com/sickos/sick0s1.1.7z 靶场描述&#xff1a; 这次夺旗赛清晰地模拟了在安全环境下如何对网络实施黑客策略从而入侵网络的过程。这个虚拟机与我在进攻性安全认证专…