element ui 下拉组件 el-select 禁用时鼠标悬浮没有禁用图标 显示小手 要到边边上才会显示禁用图标

最新推荐文章于 2024-04-30 13:38:25 发布
最新推荐文章于 2024-04-30 13:38:25 发布
阅读量1k 收藏
点赞数 1
文章标签： vue.js javascript html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TAAAAAB/article/details/127635379
版权

如图所示 该下拉框实际为禁用状态 但是鼠标移上去会显示小手 效果扔为禁用状态 需要移动到边框位置才会显示禁用图标

在这里插入图片描述
如图所示
在这里插入图片描述
虽然不影响禁用效果 但看着很不爽

于是使用css变量

在el-select组件上使用css变量
在这里插入图片描述

在css中使用
在这里插入图片描述
至此问题解决

暂时只想到这个方法 记录一下 如有更好的方法欢迎指点

super5⁢
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
element-ui 远程搜索组件el-select在项目中组件化的实现代码
10-15
主要介绍了element-ui 远程搜索组件el-select在项目中组件化，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
禁用的来源disabled以及只读readonly，Vue给icon加禁用
weixin_46037781的博客
08-16 2543
一、禁用disabled来源 众所周知，在element ui的button可以添加disabled参数来让按钮不能点击且鼠标会有一个禁用标符。 disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,，后台不能接收到传值. <input type="button" disabled="disabled" /> 二、只读readonly readonly表示此域的值不可修改，仅可与 type=“text” 配合使用，可复制，可选择,可以接收焦点，后台能接
disabled el-select禁用样式 修改 去掉禁用样式 disabled 变为 readonly
weixin_50885665的博客
02-27 1490
【代码】disabled el-select禁用样式 修改 去掉禁用样式。
[element-ui] el-dropdown下拉菜单禁用项没有鼠标悬浮禁用样式
qq_14993591的博客
04-07 759
如果我们再点击肉夹馍，我们会发现，打印出来的e的内容中的disabled的值就位true，所以发现规律了，就可以做控制了。即为：只有当e.disabled的值为false的时候（说明未被禁用），那么我们才在对应的回调中做相关的事情，否则就忽略。当然，如果自定义了command参数，也可以尝试接一下e，比如。鼠标移入出现禁用样式，如下图，就是我们想要的效果。
element-ui禁用组件时展示禁用小图标
qq_42243957的博客
11-26 2794
有关el-select选择器内容展示不完整的解决方案
J_mine的博客
04-09 5130
最近接手个工程， 发现了el-select展示不完整；效果如下如图 应该是代码里有之前设置的默认样式导致； 不过由于时间太紧急，没来得及细细查找问题 而是采用了个简单粗暴的办法。 1. 给el-select 标签上插入 :popper-append-to-body="false" 2. css样式 里写 ::v-deep .el-select-dropdown__wrap.el-scrollbar__wrap { margin-bottom: 0 !important; .
Vue解决el-select下拉框选择值后框上不显示问题
ningmengbu_suan的博客
07-19 2989
Vue解决el-select下拉框选择值后框上不显示问题
vue实现鼠标悬停出现图标
Gpointy的博客
11-04 222
0 效果 1 样式
input设置disable鼠标移上去怎么出现禁止的红色图标
qq_37672347的博客
07-05 6855
如何修改input disabled时默认样式
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
10-14
主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
主要介绍了Vue + Element-ui的下拉框el-select获取额外参数详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
10-17
主要介绍了element-ui 的el-button组件中添加自定义颜色和图标的实现方法，目前的解决方案是：添加一个自定义全局指令，同时在element-ui源码中，加入对应的组件。需要的朋友跟随小编一起看看吧
【Element-ui】Icon 图标与Button 按钮
热门推荐
m0_62599305的博客
12-02 1万+
在前端开发中，界面的设计和交互是至关重要的一部分。一个直观、易用的界面往往离不开各种组件的运用。本文将聚焦于Element-ui中的两个常用组件——Icon图标和Button按钮，分别介绍它们的基本用法和一些实用技巧。Icon图标为界面添加了更多的元素，而Button按钮则是用户与页面进行交互的重要媒介，通过深入理解它们，我们可以更好地打造出美观、实用的前端界面。在本文中，我们深入了解了Element-ui中的Icon图标和Button按钮的基本用法和实用技巧。
element-ui的bug记录
nick_zhang的博客
04-29 369
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
vue3循环设置ref并获取的解决方案
hyx_1225的博客
04-27 267
我们在平时做业务的时候,父子组件通信会经常用到ref,这篇文章主要给大家介绍了关于vue3循环设置ref并获取的解决方案,文中通过代码介绍的非常详细,需要的朋友可以参考下。倘若有许多个ref，一个个去定义未免过于繁琐，还有就是若是dom是使用v-for循环出来的，那么ref也就不确定了，无法提前定义。vue可通过ref来获取当前dom，但是vue3有个问题，就是必须定义ref的变量名，才能使用。可以操作上面定义的变量或方法。这是使用v-for循环出来的dom，ref通过index下标来命名。
党务学习|基于SprinBoot+vue的大学生党务学习平台(源码+数据库+文档)
伟庭的博客
04-27 774
大学生党务学习平台管理系统按照操作主体分为管理员和用户。用户的功能等。该系统采用了Mysql数据库，Java语言，Spring Boot框架等技术进行编程实现。大学生党务学习平台管理系统可以提高大学生党务学习平台信息管理问题的解决效率，优化大学生党务学习平台信息处理流程，保证大学生党务学习平台信息数据的安全，它是一个非常可靠，非常安全的应用程序。大学生党务学习平台管理系统；入党申请,党课Mysql数据库；Java语言。
vue 快速入门 系列 —— 玩转 CMS
ZL4120505的博客
04-29 746
例如 src/layouts/BasicLayout.less，里面包含一些基本布局的样式，被 src/layouts/BasicLayout.vue 引用，项目中使用这种布局的页面就不需要再关心整体布局的设置。好比中医发展了好几千年，许多本源的东西老中医也是不清楚的，但我们摸索出一套规则，按照这个能治病，这个就很好。.clearfix() 混合器定义了清除浮动的样式。组件相关的样式，有一些在页面中重复使用的片段或相对独立的功能，你可以提炼成组件，相关的样式也应该提炼出来放在组件中，而不是混淆在页面里。
实现VUE DPlayer录像功能：Canvas加MediaRecorder
最新发布
柳鲲鹏
04-30 156
搜索了一番，给出的建议是Canvas加MediaRecorder。大意是使用canvas，定时把视频画面刷过来；然后MediaRecorder对canvas进行录像。目前是唯一知道可行方案。在做之前，以为DPlayer播放，也知道数据流，录像直接保存数据流即可。结果是，根本没有录像功能。
vue3 element ui plus 登录(本人空间有源码下载)
qq_34417247的博客
04-29 1028
登录
element ui el-date-picker 禁用
10-26
element ui el-date-picker 组件可以通过设置 disabled 属性来禁用日期选择器，也可以通过设置 picker-options 中的 disabledDate 方法来禁用某些日期。具体实现方法如下： 1. 设置 disabled 属性禁用日期选择器： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值