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

news/2024/12/3 2:08:49/

在这里插入图片描述

   <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>

http://www.ppmy.cn/news/1551898.html

相关文章

40分钟学 Go 语言高并发:pprof性能分析工具详解

pprof性能分析工具详解 一、知识要点概述 分析类型主要功能使用场景重要程度CPU分析分析CPU使用情况和热点函数性能优化、CPU密集型任务分析⭐⭐⭐⭐⭐内存分析分析内存分配和泄漏问题内存优化、泄漏排查⭐⭐⭐⭐⭐协程分析分析goroutine的创建和阻塞并发问题排查、死锁分析⭐…

微积分复习笔记 Calculus Volume 2 - 3.1 Integration by Parts

The first 2 chapters of volume 2 are the same as those in volume 1. Started with Chapter 3. 3.1 Integration by Parts - Calculus Volume 2 | OpenStax

鸿蒙开发:自定义一个任意位置弹出的Dialog

前言 鸿蒙开发中&#xff0c;一直有个问题困扰着自己&#xff0c;想必也困扰着大多数开发者&#xff0c;那就是&#xff0c;系统提供的dialog自定义弹窗&#xff0c;无法实现在任意位置进行弹出&#xff0c;仅限于CustomDialog和Component struct的成员变量&#xff0c;这就导致…

算法的复杂度

1.数据结构前言 下面的概念有的比较难理解&#xff0c;做个了结就行。 1.1数据结构的起源 在现实生活中我们更多地并不是解决数值计算的问题&#xff0c;而是 需要一些更科学的手段如&#xff08;表&#xff0c;数&#xff0c;图等数据结构&#xff09;&#xff0c;才能更好…

分类预测 | Matlab实现GA-XGBoost分类预测

分类预测 | Matlab实现GA-XGBoost分类预测 目录 分类预测 | Matlab实现GA-XGBoost分类预测分类效果基本描述程序设计参考资料分类效果 基本描述 1.Matlab实现GA-XGBoost分类预测 2.输入多个特征,输出多类,可视化展示分类准确率。 3…程序语言为matlab,程序可出分类效果图,混…

Flink四大基石之CheckPoint

1、State Vs Checkpoint State:状态,是Flink中某一个Operator在某一个时刻的状态,如maxBy/sum,注意State存的是历史数据/状态,存在内存中。 Checkpoint:快照点, 是Flink中所有有状态的Operator在某一个时刻的State快照信息/存档信息。 一句话概括: Checkpoint就是State的快照…

若依项目源码阅读

源码阅读 前端代码分析 代码生成器生成的前端代码有两个&#xff0c;分别是course.js用于向后端发送ajax请求的接口代码&#xff0c;另一个是index.vue&#xff0c;用于在浏览器展示课程管理的视图组件。前端的代码是基于vue3elementplus。 template用于展示前端组件别的标签…

『VUE』elementUI dialog的子组件created生命周期不刷新(详细图文注释)

目录 1. 测试代码分析令人迷惑的效果 分析原因解决方法 如何在dialog中反复触发created呢?总结 欢迎关注 『VUE』 专栏&#xff0c;持续更新中 欢迎关注 『VUE』 专栏&#xff0c;持续更新中 主要是在做表单的时候想要有一个编辑表单在dialog弹窗中出现,同时dialog调用的封装的…