element-plus bug记录

最新推荐文章于 2025-04-24 18:35:06 发布
原创 最新推荐文章于 2025-04-24 18:35:06 发布
· 1.2k 阅读 · 0 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#element-plus #element报错 #cascader报错 #cascader #cascader-panel

…/el-cascader-panel/src/types in ./node_modules/element-plus/lib/el-cascader-panel/index.js

使用element-plus的时候，用cascader级联选择框时发现出了这个bug，这并不是我的代码的错误，而是在element-plus的源代码导包的错误，如图：
在这里插入图片描述
该导包确实没有什么错误，直接指向src目录的types.d.ts文件，但是由于其他组件的导入是没有错误的，我们跟其他组件对比看看，发现其他组件导入的时候并没有直接指向src目录，而是到src目录的上一层，看下图：
在这里插入图片描述
所以我们将错误行改成如下所示：
在这里插入图片描述
成功解决bug!

pnpm下载element-plus，卡住不动，如何解决？？
**My Coding Family**
11-16 7323
🏆本文收录于专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家！持续更新中，up！up！up！！
element-ui、element-plus表单resetFields()无效的坑
m0_58355897的博客
04-22 679
如题目
elementPlus的bug
Felix_10的博客
11-29 546
1、dialog的title改变时需要使用necxtTick， 否则影响表单中第一个formitem的值，务必按照以下顺序进行赋值操作才能正常回显数据 const timeout = setTimeout(function() { proxy.$refs["examInfoRuleForm"].clearValidate() clearTimeout(timeout) }, 30) examDialog.dialogVisible = tr
记录elementPlus 模态框modal的BUG
小星的博客
06-15 491
书接上回我的modal框的问题 由于我自己的项目使用了z-index还使用了绝对定位，导致我的模态框没有办法覆盖所有的组件让我很头疼，升级到了elementPlus以后我在官方文档找到了解决的方法， 如下> 如果是图片预览 就在标签里面加入 :preview-teleported="true" 如果是el-drawer就在标签里面加入 :append-to-body="true" 希望能能够解决大家的问题。...
【element plus】解决报错error：ResizeObserver loop limit exceeded的问题
最新发布
qiqiliuwu的博客
04-24 350
当我们在使用element plus框架时，有时会遇到屏幕突然变暗，然后来一句莫名其妙的报错ResizeObserver loop limit exceeded，其实这是因为改变屏幕大小时el-table导致的报错。如果表格在初始加载时不需要立即显示所有数据，可以使用 v-if 来控制表格的渲染时机。例如，在数据加载完成后再渲染表格。给表格的所有列设置固定宽度，此方案虽缺乏灵活性，但可以解决前面两种存在页面因尺寸变化而导致的闪切问题。网上给出了几种解决方案，我试了其中两种可以实现。
elment plus form表单使用出现的bug
weixin_45638909的博客
05-16 354
问题：验证调用validateApi的时候一直验证不通过 bug原因： 上面这两个名字一定要一样啊 体会：要看清楚文档啊，人麻了，一个小时就搞了这。。。。。 顺便写写他的用法，方便以后用到吧 1.form绑定model是对象，rules是规则集合，formRef用于验证提交 <el-form ref="formRef" class="demo-form" :label-position="labelPositio...
记录一个极度逆天的bug 关于VUE3.2，ElementPlus多环境配置的问题
qq_41822354的博客
10-19 184
关于VUE3.2，ElementPlus多环境配置的问题
Element UI Plus遇到的问题
m0_47977101的博客
05-30 318
1、自己写的时候，最简单的代码也没有进行渲染，一直以为是引入Element UI PLUS的问题。原因:vm对象并没有调用use(ElementPlus)方法进行渲染 2、通过axios明明获取到了数据却显示不出来。原因：axios请求中的this是windows对象，在发送axois前要获取到vm对象，然后再把数据赋值。 文章：(109条消息) 用axios获取数据后无法显示数据在列表中_益达木咸醇的博客-优快云博客 ...
为啥安装element-plus了，还是出现3个关于element-plus的bug？
weixin_40945354的博客
10-22 1227
% yarn add element-plus yarn add v1.22.10 warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caus
vue3.0+ts+element-plus多页签应用模板：element-plus按需引入与动态换肤
m0_46172278的博客
03-24 6270
目录系列链接一、目录结构一、安装element-plus二、按需引入为什么要按需引入？如何按需引入？三、验证是否引入成功五、篇章小结 系列链接 第一章——vue3.0+ts+element-plus多页签应用模板：项目搭建篇 第二章——vue3.0+ts+element-plus多页签应用模板：安装vue-router与vuex篇 第三章——vue3.0+ts+element-plus多页签应用模板：element-plus按需引入篇 一、目录结构 现在你的目录结构，应该是这样的： ├── config
vue-element-plus-admin-Typescript资源
03-14
Vue-element-plus-admin-Typescript资源是针对使用Vue 3、Element Plus以及TypeScript开发者的项目模板。这个资源集合了当前前端开发的主流技术栈，包括Vue 3作为核心框架，Element Plus提供丰富的UI组件，以及使用...
vue3.0 element-plus里面的一些坑
woshishui099的博客
12-06 690
分页器：显示英文 main.js 里面已经引入element-plus,在添加一点代码。 import locale from 'element-plus/lib/locale/lang/zh-cn' // element-plus app.use(ElementPlus, { locale });
关于Element-plus按需引入的一些坑-1
m0_67391518的博客
03-06 502
在使用vite之后element-plus按需引入用了插件unplugin-vue-components，其中有些问题记录一下。 在使用Elmessage等写在js文件中的反馈提示消息的组件消息时插件识别不到css文件，就会出现如下效果 这时就需要在main.ts中手动引入你所需要的css文件如 import 'element-plus/theme-chalk/el-message.css 如果图省事把css文件全部引入就是这样 import 'element-plus/dist/index.css'
Element-plus cascader 下拉组件卡顿问题
王龙鑫的博客
03-16 861
版本号: “element-plus”: “^1.0.2-beta.71”,使用过程中，el-cascader 三级联动时候页面会卡死。
Element-UI级联选择器el-cascader报错 “TypeError: Cannot read properties of null (reading ‘level‘)“
weixin_45466389的博客
06-13 1665
解决办法1：和网上大多数方法一样，给el-cascader加key，改变options时给key递增但是我使用场景将el-form封装了，key是一次性获取的，没办法用这种场景。1.发现报错原因是options变化时，activePath未清空导致获取到的nodes为[null]然后报错。2.那我们的目的就是要把activePath清空 ，全局搜activePath，找哪个方法可以把它清空。就这俩地方，所以报错问题所在就是我们要先清空value再变化options。解决办法2：进入elementui源码。
【el-cascader-plus亲测有限】el-cascader级联选择器懒加载+多选功能回显失败解决方案
G佳伟
03-11 3517
修复element ui级联懒加载问题，二次封装成el-cascader-plus 第二步：使用el-cascader-plus 如需全局使用就在 main.js 中添加以下代码 在组件中单独使用在文件内添加以下代码 亲测完整代码示例 html
element-plus Cascader 级联选择器实现分页加载
musf415的专栏
05-29 967
因为需要加载数据太多，所以想使用分页加载的方式，当然首先想到的是下拉加载，但考虑数量大时会出现卡顿，还一个每次重刷数据，下拉框都会回到顶部也是很蛋疼。下面演示下用分页的方式来加载，当然过程也会顺便实现拉加载，希望有能力的同学能否完善了！最后把下拉加载的方法也写上，如何你喜欢可以继续优化，放弃的主要原因处理重刷数据，下拉框回到顶部的问题。这段在ul上一级加一个分页的标签，加完大概是这个样子。3.对于开启了搜索，可删除后可能有些地方要处理。1.首先要加个外层，方便一些事件的处理。3.在点开下拉框时的事件处理。
element-plus级联选择器使用懒加载获取数据无法回显的问题解决方案
weixin_44804939的博客
06-12 3287
element-plus级联选择器使用懒加载获取数据无法回显的问题解决方案
vue3+elementplus(el-cascader)实现全选功能
u011290962的博客
11-16 1130
的代码，修改为标准的后端返回格式。
element-plus无法显示
12-30
### Element Plus 图标不显示的解决方案 对于在 Vue 3 环境下遇到 `Element Plus` 的图标组件无法正常显示的情况，可以按照如下方法排查并解决问题。 #### 安装依赖库 确认已经通过合适的包管理工具安装了 `element-plus` 库。如果尚未完成这一步骤，则需执行相应的命令来引入该库： ```bash $ npm install element-plus --save # 或者使用Yarn $ yarn add element-plus # 或者使用pnpm $ pnpm install element-plus ``` 上述操作确保项目能够访问到最新的 `element-plus` 功能[^1]。 #### 导入样式文件 有时图标的缺失可能是由于未正确加载 CSS 文件所引起的。为了使图标能被浏览器渲染出来，应该显式导入 `element-plus/lib/theme-chalk/index.css` 到项目的入口文件中，比如 main.js 或 main.ts: ```javascript // 引入整个Element Plus的主题样式 import 'element-plus/lib/theme-chalk/index.css'; ``` 此步骤有助于应用默认主题设置给所有的 UI 组件，从而让它们看起来一致且美观。 #### 使用 Icon 组件的方式 当尝试利用 `<el-icon>` 标签展示特定图形时，请注意官方文档里提到的不同版本间可能存在差异。某些情况下可能需要额外指定子标签名称才能成功呈现想要的效果。例如，在最新版中可以直接写成这样： ```html <template> <div> <!-- 正确方式 --> <el-icon><Edit /></el-icon> Edit Profile </div> </template> <script setup lang="ts"> import { Edit } from '@element-plus/icons-vue' </script> ``` 这里展示了如何从 `@element-plus/icons-vue` 中单独取出所需的 SVG 符号作为子元素传递进去，而不是简单地把名字当作属性传过去。 #### 更新至最新稳定版 考虑到软件迭代过程中修复了不少 bug 和兼容性问题，建议定期检查是否有新的发行版本可用，并适时升级以获得更好的体验和支持。可以通过运行以下命令来进行更新： ```bash $ npm update element-plus # 对于其他包管理器也存在类似的指令形式 ``` 保持使用的框架处于较新状态往往可以帮助避开一些已知的技术障碍。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值