草庐IT

custom-element

全部标签

vue+element-ui el-select + el-tree下拉树形结构组件(新增多选功能且可以全选、反选、清空)

一、最终效果二、具体HTML代码(详情请看源码)template>el-selectref="select"v-model="selectValue":multiple="multiple":filter-method="dataFilter"@remove-tag="removeTag"@clear="clearAll"popper-class="t-tree-select":style="{width:width||'100%'}"v-bind="attrs"v-on="$listeners">el-optionv-model="selectTree"class="option-style

(element-ui)取消el-table的hover状态,取消高亮显示

文章目录前言方法一------覆盖css样式方法二------卸载掉背景颜色(类似于方法一)方法三------使用函数方法方法四------禁用鼠标悬浮怎么办?究极解决------将错就错前言在使用element-ui的el-table表格的过程中,会发现,虽然框架的表格很好用很方便,emmmm,确实很好用,但是有一些烦人的甲方却不想要,table的浮现效果,特别是,单独给单元格设置了背景颜色之后,这个hover状态会覆盖掉自定义的单元格的背景颜色,是不是很烦人,是不是很抓狂,我也是从网上搜罗了一大串的解决方法,这边就一一做一下总结。方法一------覆盖css样式使用css覆盖的方法,修改掉

(element-ui)取消el-table的hover状态,取消高亮显示

文章目录前言方法一------覆盖css样式方法二------卸载掉背景颜色(类似于方法一)方法三------使用函数方法方法四------禁用鼠标悬浮怎么办?究极解决------将错就错前言在使用element-ui的el-table表格的过程中,会发现,虽然框架的表格很好用很方便,emmmm,确实很好用,但是有一些烦人的甲方却不想要,table的浮现效果,特别是,单独给单元格设置了背景颜色之后,这个hover状态会覆盖掉自定义的单元格的背景颜色,是不是很烦人,是不是很抓狂,我也是从网上搜罗了一大串的解决方法,这边就一一做一下总结。方法一------覆盖css样式使用css覆盖的方法,修改掉

基于Java+SpringBoot+vue+element疫情物资捐赠分配系统设计和实现

博主介绍:✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取联系🍅精彩专栏推荐订阅👇🏻👇🏻 java项目精品实战案例《100套》Java毕业设计参考题目-题目新颖(值得收藏)目录一、前言介绍:二、系统设计:2.1系统设计规则:2.2系统整体架构:2.3系统功能设计:2.4登录时序图设计:三、功能截图: 3.1登录注册模块:3.2用户首页模块:3.3系统后台模块:四、代码实现:五、参考目录:六、项目总结: 七、源码获取:一、前言介绍:       

基于Java+SpringBoot+vue+element疫情物资捐赠分配系统设计和实现

博主介绍:✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取联系🍅精彩专栏推荐订阅👇🏻👇🏻 java项目精品实战案例《100套》Java毕业设计参考题目-题目新颖(值得收藏)目录一、前言介绍:二、系统设计:2.1系统设计规则:2.2系统整体架构:2.3系统功能设计:2.4登录时序图设计:三、功能截图: 3.1登录注册模块:3.2用户首页模块:3.3系统后台模块:四、代码实现:五、参考目录:六、项目总结: 七、源码获取:一、前言介绍:       

Vue 当页面进入全屏状态时element-ui的el-select下拉菜单不显示问题

在前两天进行页面全屏时,一切都还好好的,可当使用element-ui中的el-select时,下拉菜单却怎么也显示不出来,但只要退出全屏状态,立马就好。非全屏时: 全屏时:开始我以为是层级问题,所以给el-select的下拉菜单加z-index,却发现加到多大都没用。后来去官方文档里找,找到一个属性:popper-append-to-body;解释说明是:是否将弹出框插入至body元素。在弹出框的定位出现问题时,可将该属性设置为false。那就试试,将属性加上之后,果然全屏状态下没有问题了 可随之而来新的问题产生,非全屏状态下,我的下拉菜单无法完全显示出来了! 这应该也是不将弹出框插入至bod

Vue 当页面进入全屏状态时element-ui的el-select下拉菜单不显示问题

在前两天进行页面全屏时,一切都还好好的,可当使用element-ui中的el-select时,下拉菜单却怎么也显示不出来,但只要退出全屏状态,立马就好。非全屏时: 全屏时:开始我以为是层级问题,所以给el-select的下拉菜单加z-index,却发现加到多大都没用。后来去官方文档里找,找到一个属性:popper-append-to-body;解释说明是:是否将弹出框插入至body元素。在弹出框的定位出现问题时,可将该属性设置为false。那就试试,将属性加上之后,果然全屏状态下没有问题了 可随之而来新的问题产生,非全屏状态下,我的下拉菜单无法完全显示出来了! 这应该也是不将弹出框插入至bod

【智慧医疗】Springboot+Vue+Element-UI前后端分离的医疗管理平台

目录需求分析系统概要技术选型功能模块后端逻辑需求分析随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,各行各业都在积极融合智能现代化概念,努力把互联网技术运用到其中。在我国目前人口基数大,对医疗服务需求量大,在各大城市的中大型三甲医院中,看病人员多,医院医职人员管理,挂号就诊信息繁多,如果采用传统的方式来管理,这恐怕难以有效解决,而且低效。慧医疗利用互联网技术来解决人员管理,信息管理冗杂问题。在近年来,互联网5G技术已经率先在北上广等一线城市中开始运用到医疗服务的各方面中,尤其在2020年末以来的疫情中:绿康码、确诊接触在线追踪、疫苗预约等方面。智慧医疗,它可以实

【智慧医疗】Springboot+Vue+Element-UI前后端分离的医疗管理平台

目录需求分析系统概要技术选型功能模块后端逻辑需求分析随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,各行各业都在积极融合智能现代化概念,努力把互联网技术运用到其中。在我国目前人口基数大,对医疗服务需求量大,在各大城市的中大型三甲医院中,看病人员多,医院医职人员管理,挂号就诊信息繁多,如果采用传统的方式来管理,这恐怕难以有效解决,而且低效。慧医疗利用互联网技术来解决人员管理,信息管理冗杂问题。在近年来,互联网5G技术已经率先在北上广等一线城市中开始运用到医疗服务的各方面中,尤其在2020年末以来的疫情中:绿康码、确诊接触在线追踪、疫苗预约等方面。智慧医疗,它可以实

DataGear 制作基于Vue2、Element UI前端框架的数据可视化看板

DataGear数据可视化看板内置了一些基本、简单的页面交互组件,当它们无法满足实际看板需求时,可以引入更流行和强大的前端框架。本文以Vue2、ElementUI前端框架为例,介绍如何制作具有更丰富交互组件功能的数据可视化看板。假设有数据库表t_region_date_value,数据结构为:col_name,col_date,col_value地区一,2022-01-01,30地区一,2022-01-02,90地区一,2022-01-03,50...地区二,2022-01-01,20地区二,2022-01-02,30地区二,2022-01-03,60...地区三,2022-01-01,80地