element-plus 遇到的坑（dialog和日历选择组件DatePicker一起使用，显示隐藏出现bug）

最新推荐文章于 2024-09-16 19:30:00 发布
最新推荐文章于 2024-09-16 19:30:00 发布
阅读量1.6k 收藏
点赞数
分类专栏： 笔记 文章标签： Element-Plus DatePicker Dialog 版本升级 自动隐藏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44206947/article/details/123570426
版权

问题描述

提示：这里描述项目中遇到的问题：

elementPlus中的DatePicker在dialog中选择完日期组件不会自动隐藏

解决方案：

升级element-Plus版本
原先的版本是 2.0.5 导致组件错误

yarn remove element-plus
yarn add element-plus@2.1.4
Linooc
关注
专栏目录
Vue3 - Element Plus 模态框Dialog、Drawer抽屉框，将append-to-body设置为true后，使用deep覆盖样式失效解决办法（将弹框插入到body中样式覆盖失败）
王佳斌
03-20 3269
vue3，element-plus，el-drawer，el-dialog，抽屉弹框，对话框模态框，append-to-body，插入到body中无法使用deep覆盖样式，deep失效了怎么办，当设置append-to-body=true时如何覆盖组件样式，改不了弹框样式，elementPlus弹窗Dialog添加append-to-body后修改原样式无效，如何解决使用append-t后覆盖修改样式不生效，嵌套的append-to-body属性导致内层弹框样式设置不上，append-to-body后更改d
vue3+element-plus - 最新详细实现将表格Table组件 “所见所得导出“ 为excel(xls/xlsx)电子表格文件，表格中的图片图像、图标等媒体资源完美导出显示（详细示例代码）
高级前端工程师
07-22 3982
vue3，nuxt3，element plus，表格组件，Table，el-table，导出，下载，excel，电子工作簿，xls，xlsx，将表格导出成xls，如何把表格原封不动的导出成excel，保留图片，带图片，图标，如何导出包括含有图片的Excel表格，图片和表格数据导出excel，把表格导出成excel格式，表格内的图片一起导出，vue3导出图片和数据到Excel，可导出图片，导出图像到Excel，网页上的图片怎么能导出到xls表格中，显示图片url链接，图片太多导出失败，图片会超出单元格，图片不
组件-Element—Calendar（ 日历）
热门推荐
GU_AO_SHI_TAI_DU的博客
07-04 1万+
组件-Element—Calendar（ 日历） 组件— 日历 基本 <el-calendar v-model="value"> </el-calendar> <script> export default { data() { return { value: new Date() } } ...
element plus安装引入使用大坑
weixin_45642452的博客
04-28 2591
最近做毕设，准备用vue写前端，自然用到了elementplus,处处踩雷必须记录。 首先是版本对应，vue2对应element-ui,vue3对应element-plus，强行安装只会出错，另外安装的时候需要把已经npm run的项目停下来，否则安装的依赖会因为无法进入package.json而引入失败。 关于使用，由于我的main.ts文件是在创建项目的时候自动生成的，所以它的app声明只有一句 app=createApp(App).use(store).use(router).mount('#app'
Vue3+Element Plus：使用el-dialog，对话框可拖动，且对话框弹出时仍然能够在背景页（对话框外部的页面部分）上进行滚动以及输入框输入信息
最新发布
huangfuyk.的博客
09-16 958
Vue3+Element Plus：使用el-dialog，对话框可拖动，且对话框弹出时仍然能够在背景页（对话框外部的页面部分）上进行滚动以及输入框输入信息
新旧Element-plus的坑
weixin_43821151的博客
06-27 821
解决formEl.validate不是一个函数的问题
记录一次Vue3.0引入ElementPlus之后样式不生效的一个大坑
qq_46416934的博客
03-10 2112
事情是这样的，我呢，主要是做后端的，很少碰前端，而且真心不擅长前端，每次碰都特别痛苦。但是最近实在是有点闲，为了能优化一下我前一阵做的一个服务型项目，准备加几个页面实现配置业务参数和查询执行记录之类的功能。所以上网看了看教程，搭了一个VUE3.0的项目，并且准备用ElementUI为VUE3.0推出的ElementPlus作为UI库。 于是我就按照教程，使用VUE/CLI脚手架搭了一个项目，并且配置了vue.config.js的配置文件（这里画个重点要考的！），然后按部就班配置了vue-router和ele
element plus 中文化避坑
mydirector的专栏
08-29 861
根据官方指南，其全局中文化共由两种方式 import ElementPlus from 'element-plus' import zhCn from 'element-plus/es/locale/lang/zh-cn' app.use(ElementPlus, { locale: zhCn, }) 这个是针对TS的，不兼容JS，js只能用第二种 <template> <el-config-provider :locale="locale"> <a
关于Element-plus按需引入的一些坑-1
m0_54852752的博客
02-21 2500
在使用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'
Vue3下使用element-plus el-dialog创建自定义的模态对话框
fatfish517的博客
03-31 3861
vue3使用element的el-dialog实现模态对话框；vue3父子组件传递参数 . vue3中.sync被废弃，由v-model取代。
vue3 element-plus dialog对话框组件化及双向绑定使用
zym434597594的博客
11-23 2268
话不多说上代码： 父组件 <template> <el-button @click="open">打开</el-button> <my-dialog ref="testDom" v-model:visible="flag"></my-dialog> </template> <script> import myDialog from "./myDialog.vue"; import { defineCompone
【Bug解决】使用element的e-date-picker遇到的坑：更新日期选择器数据无法回显
Dan的博客
12-13 2255
问题场景 页面初始化根据不同来源（例如来源其他页面跳转过来或者直接点击该页面），日期时间范围不同 初始化赋值回显没问题，但是根据不同条件，重新给这个日期选择器赋值的时候，发现有数据，但是前端页面并不展示值。 对于一个后端工程师而言，这个点真让人emo 解决方式 只需要在赋值的时候使用this.$set(原数组, 索引值, 需要赋的值)即可 this.$set(this.beginAndEndTime , 0 , '2021-12-01'); this.$set(this.beginAndEndTime ,
element-plus踩坑日记icon vite配置icon真的费老鼻子力气了
m0_58039950的博客
05-23 1788
各个框架图标遍历玩法 免费的框架往往是最贵的,谁用谁知道,浪费了太多配置的时间,一个破ICON能把人折腾死.今天你饿了么? element-plus 安装element-plus pnpm install element-plus -D 效果 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1WZY38tz-1653318306758)(C:\Users\jpruby\AppData\Roaming\Typora\typora-user-images\image-202
ts+vite+element-plus+npm发包的各种坑
melissaomy的博客
01-21 4184
ts+vue3+element-plus各种坑
VUE3+elememtplus+js踩坑
xianyus4mA的博客
03-01 904
element标签变化,标签报错,图标的动态引入
elementui panel_vue踩坑02：elementUI中DatePicker面板的BUG
weixin_40005437的博客
11-30 1776
0、背景描述在实际开发中，经常有这样的需求：需要对一些数据进行查询，并且展示，查询的方式，可以是按月查询、按年查询、按日查询。1、第一版实现最简单的方式，我们可以这样实现（注释掉了某些其它查询条件）：点击左边的tab，可以切换右边时间选择器的类型，按照正常的代码：// 先放一组单选按钮 <el-radio-group v-model="pickerType"> <el-r...
element-plus 日期时间组件的奇怪问题 TypeError: Cannot read properties of null (reading ‘insertBefore‘)
nullzzzz的博客
03-02 1788
重现步骤 1.通过日期时间选择器选择日期 2.打开包含table的弹窗 3.关闭弹窗 4.重新选择日期 日期时间选择器点击无反应且页面报错 1.鼠标移入时间选择器报错如下 2.鼠标移出时间选择器报错如下 3.点击空白处报错如下 报错信息都是指向框架源码，看不出具体信息。 搜索半天没找到具体原因和解决方案，最终在element-plus的issues中发现类似问题以及解决思路（似乎是因为table数据影响） 附issues地址：https://github.com/element-plus/elem
Element-ui踩坑记录 DatePicker 日期选择器
weixin_43827743的博客
09-22 4148
记录自己在使用Element-ui的过程中踩过的坑 报错信息:[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘0’ of null” 在使用DatePicker日期选择器选择日期范围的时候，会用到一个属性clearable。这个属性是Boolean变量，用于决定是否显示清除按钮，默认为true。 <el-date-picker v-model="value" type="daterange"..
vue3 - 使用element-plus组件库el-upload上传超大mp4视频分片上传，Upload上传大文件mp4视频进行切片分段上传到后端服务器教程，vue3如何上传很大的视频（详细示例代码
高级前端工程师
03-08 4949
vue3，element plus，el-upload，Upload上传组件，java分片上传，springboot，vue3+springboot大文件分段传递，大视频分段上传，vue3详细分片上传视频教程，使用element-plus上传组件如何实现大文件分片分段上传到服务器，vue3+element 分片上传 分片下载功能实现，大文件分片上传，vue3如何实现特别大的文件分批切片上传并且带进度条，上传进度条，封装el-upload大文件分片上传、断点续传组件，断点续传，vue3把一个大视频分成多个小片
新人容易踩坑的element-plus的一个小问题，引入element-plus配置
weixin_58145251的博客
09-15 155
element-plus引入配置的小问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值