el-dropdown问题

最新推荐文章于 2024-07-01 09:10:14 发布
最新推荐文章于 2024-07-01 09:10:14 发布
阅读量241 收藏
点赞数 2
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/layonly/article/details/140022534
版权

问题：用element组件中的el-dropdown组件之后，发现随便点击屏幕任何地方控制台都会报错，之前使用的element的级联查询 ，在加入这个组件之后点击空白地方下拉面板没办法收回去。

element-ui.common.js?ccbf:2432 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute') at VueComponent.removeTabindex 

解决办法：

在el-dropdown组件中添加 <el-dropdown-menu/> 为空都行，这样就不报错了，而且其他地方的点击事件也正常了

宇智波波奶茶
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
如何修改elementUI提供的el-select组件的样式-select组件popper-class用法
weixin_38761920的博客
07-01 2305
官网提供的： 下拉框的样式，它并没有在el-select里面，而是放在了最外层，如下图： popper-append-to-body：默认是true，改成false就可以起作用。显而易见，官方默认把下拉部分加入到里，所以我们可以通过popper-append-to-body这个属性使其不加到body里，让其回归到对应el-select里面，就是把下拉部分，放回对应结构中去。 既然加入到el-select里面了，我们就可以使用css选择器找到对应层级去设置对应样式了，依然可以实现上图中的效果 方法二：
element el-dropdown下拉菜单显示问题
qq_40491518的博客
04-01 6841
element el-dropdown下拉菜单显示问题 最近写vue 发现公司一个项目有显示问题 搞的我很头疼 (如图) 我点击的是最下面()红框的下拉按钮 结果下拉菜单显示到上面去了,但是滚动后或者双击或者f12就是正常显示 本人也是查阅大堆资料, 感觉其他人没有遇到过这个问题 … 试过很多解决办法 清缓存 组件加key 点击时让滚动条滚动 点击时触发双击 等等 … 治标不治本 后来灵光一闪就解决了 下面贴下我的解决步骤 1 首先将官网Dropdown 的实例代码原封不动贴到 项目 发现还是
Element-Plus Dropdown 下拉菜单样式修改
m0_66675766的博客
03-21 1183
Element框架是我们开发最常用到的一款UI框架，现在就直接演示怎么解决，el-dropdown 下拉菜单样式....亲测有效。
【elementui】el-dropdown的代码写法的显示和隐藏
最新发布
bbt953的博客
07-01 230
el-dropdown的代码写法的显示和隐藏
如何实现Dropdown下拉菜单里多选且回显
weixin_54351962的博客
05-26 6360
一、思路和步骤 1.明确需求和效果 2.思路和知识点： 2.1 el-dropdown标签上写trigger=“click”，即点击时才激活展示下拉菜单内容； 2.2 el-dropdown标签里放span标签，span里面放系统选择和小图标，span标签上要绑定hGetReleaseAll点击事件，点击时则调接口获取下拉菜单中要展示的所有可供选择的选项数组allList； 2.3 span上绑定ref=‘dropdown111’，在取消按钮上绑定的点击事件@click="$refs.dropdow
解决使用el-cascader时选择了某个值后下拉框无法关闭的问题.
weixin_47571333的博客
03-11 1717
在vue项目中使用级联选择框的时候遇到了一个问题,当选择了某个值后,下拉框无法自动隐藏,需点击下拉框之外的区域才能隐藏. <el-cascader ref="cascader" clearable placeholder="请选择区域" @change="changeCity" :show-all-levels="false" > </el-cascader> 需要在change事件里面
vue项目使用element组件DropDown的异常问题
2301_78693966的博客
04-14 509
细心的朋友应该看到了这个细微的改动，没错，就是在ul标签的属性添加了一个class并且取名为“element1”。
vue+element搭建后台小总结 el-dropdown下拉功能
10-16
在使用Vue.js框架结合Element UI组件库搭建后台管理系统时，el-dropdown组件的使用是实现下拉菜单功能的关键。本文将详细介绍如何在Vue+Element的环境下，搭建并实现后台管理系统的下拉菜单功能，特别是el-dropdown...
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
10-15
在Vue开发过程中，使用Vant UI库的下拉框组件`van-dropdown-item`时，可能会遇到一个问题：下拉框的标题`title`始终不变，即使选中了不同的选项。本篇将详细介绍如何解决这个问题。 首先，我们需要确保Vue项目正确...
Element Dropdown下拉菜单的使用方法
10-15
- **禁用选项**：通过设置 `disabled` 属性，你可以使 `<el-dropdown-item>` 无法被选中，如 `<el-dropdown-item disabled>双皮奶</el-dropdown-item>`。 - **分隔线**：添加 `divided` 属性可以在 `<el-dropdown-...
取消Bootstrap的dropdown-menu点击默认关闭事件方法
10-18
在描述的场景中，开发者遇到了一个问题：当用户在`dropdown-menu` 中点击一个列表项时，下拉菜单会立即关闭，这并不符合其应用程序的需求。为了解决这个问题，我们可以采取以下两种方法： **方法一：利用`data-...
vue中在使用keep-alive时，会出现在页面跳转后el-tooltip或el-dropdown不消失的问题以及解决方法
zqhs5599的博客
07-26 1731
1、keep-alive会多出两个生命周期，我们可以在deactivated中销毁当前页面中所有的tooltip或dropdown；其中2、3比较好，可以只写一处代码，就可实现整个项目都能移除el-tooltip或el-dropdown的功能。2、在路由守卫中，在页面跳转时都会执行这里的代码，然后移除即可；3、在App.vue中，监听路由切换事件，然后移除即可。写法上有多种，还有更多在这就不写了，希望对你有帮助。
element-plus修改下拉菜单Dropdown-Item 样式（popper-class）
qq_26596795的博客
01-04 6470
element-plus修改下拉菜单Dropdown-Item 样式（popper-class）
element-ui组件popper-class属性
热门推荐
qq_46872379的博客
06-09 1万+
element-ui修改组件样式不生效问题
element组件popper-class属性设置弹出框类名
qq_52070860的博客
08-24 3160
我们在做vue项目时，根据页面的ui设计，element的样式会被公共的去修改，而不是在vue组件中，但是有的地方element有特例，需要我们单独去修改，而el-cascader、el-time-select、el-date-picker、el-select等有弹出框的组件，我们发现，我们在组件scoped限制下通过class是取不到弹出框的（当然我们可以将scoped的限制去掉，可以取到，但是会影响到项目其他地方的样式）。class是element自动给设置的。
el-dropdown下拉菜单样式
m0_65930596的博客
01-19 1001
【代码】el-dropdown下拉菜单样式。
el-dropdown 结合 el-cascader-panel 实现一级多选二级单选；清除二级选项，清除全部选项效果
Phoebe_helloworld的博客
08-17 5643
el-dropdown 结合 el-cascader-panel 实现一级多选二级单选；清除二级选项，清除全部选项效果。
vue+element-ui 出现的bug
zxl0825的博客
02-02 245
是因为使用了el-dropdown组件，该组件需要搭配el-dropdown-menu一起使用。
js el-dropdown 黑框问题
10-26
当遇到JS el-dropdown黑框问题时，可以从以下几个方面来解决： 1. 检查代码：首先，检查js el-dropdown组件的相关代码，确认是否遗漏了某些必要的属性或者事件。确保所有必要的代码都已正确地加入，并且没有语法错误。 2. 检查依赖：确保js el-dropdown所依赖的其他库或者组件已经正确加载并且没有冲突。可能是因为依赖关系未正确处理，导致黑框问题出现。 3. 检查样式：通过检查css样式表，确认是否存在与js el-dropdown相关的样式问题。可能是一些不合适的样式设置导致黑框问题。尝试调整或者移除相关样式以解决问题。 4. 更新版本：如果是使用的js el-dropdown版本较旧，可能存在一些已经修复的bug。尝试升级到最新的版本，看是否能解决问题。 5. 查找相关资料：通过查阅官方文档、论坛或者其他网络资源，寻找类似的问题和解决方案。其他人可能已经遇到过相似的问题，并且有解决方案可供参考。 6. 联系开发者：如果尝试了以上方法仍然无法解决问题，可以联系js el-dropdown的开发者或者维护者，向他们请教或者报告问题。他们可能能够提供更具体和针对性的帮助。 总之，解决js el-dropdown黑框问题需要仔细检查代码、依赖、样式，并通过升级版本或者寻找相关资源进行解决。如果一切尝试都失败，可以向开发者寻求帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宇智波波奶茶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值