element-ui 2.x使用el-date-picker报错解决

已于 2022-07-12 16:50:55 修改
阅读量1.4k 收藏 6
点赞数 10
分类专栏： element-ui vue 文章标签： elementui
于 2022-06-17 14:39:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21473443/article/details/125333154
版权

最近使用vue2+elementUI2开发项目，页面引入el-date-picker组件，直接报错：

当前element-ui版本："element-ui": "^2.15.9"

于是降级处理，需使用命令安装并指定版本。如果直接修改package json，由于使用了^，再npm install，还是会安装最新版的2.15.9。所以删除package json中的element-ui: "^2.15.9"：

npm uninstall element-ui
npm install element-ui@2.15.8 -s
jingqw
关注
  • 10
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
专栏目录
三步完成在vue2.x中安装element-ui
weixin_46353030的博客
03-22 1197
vue2.x element-ui这个是全局配置，后期再补充自动导入，可以看看官网的解释 在vue项目内的程序入口文件main.js 中引入element-ui及其样式文件 在页面入口文件App.vue中加入element-ui官网中的按钮代码测试一下 最后的效果： 完整的main.js文件： 注意 不同版本的vue对应的element组件库是不同的！
vue element-ui el-date-picker限制选择时间为当天之前的代码
10-16
主要介绍了vue element-ui el-date-picker如何限制选择时间为当天之前,文中给大家提供了代码段和截图，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
最全 element UI el-date-picker组件换色（less）
11-23
element UI el-date-picker组件样式更改 popper-class="down-time" 原码是body下的弹出器
记录vue项目使用element-ui中日期选择器 (el-date-picker) 出现报错！！！
霖霂晗的专栏
10-26 1529
elment UI 中使用el-date-picker控制台报错
Error in event handler for "el.form.change": "TypeError: value.getTime is not a function"
weixin_30892763的博客
07-27 793
首先说一下我使用的实际场景 html代码： js代码： 首先说明出现原因，elementUI的日期选择器【el-date-picker】在加上格式 value-format="yyyy-MM-dd" format="yyyy-MM-dd" 和校验规则时 { type: 'date', required: true, message: '请选择日期', trig...
vue使用element-ui中日期选择器 (el-date-picker) 出现报错
Tianxiaoxixi的博客
07-27 2599
vue使用element-ui中日期选择器 (el-date-picker) 出现报错
ElementUI组件库el-date-picker日期时间选择器”placement”报错问题的解决办法
weixin_42627850的博客
01-09 1541
ElementUI报错[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"，解决方法
element-ui中el-date-picker组件报错Prop being mutated: “placement“
weixin_44594219的博客
07-29 2373
element-ui中el-date-picker组件报错Prop being mutated: "placement"
ElementUI el-date-picker日期时间选择器”placement”报错问题的解决方案
Mitchell1696的博客
04-04 726
【代码】ElementUI el-date-picker日期时间选择器”placement”报错问题的解决方案。
解决Element中el-date-picker组件不回填的情况
01-21
2.问题分析 时间信息没有回填，首先要检查，后台数据返回情况以及页面上字段信息是否有差异等细节； 如果没有以上的情况，那就是我碰到的这种情况了， 后端数据返回没有差异，而且页面字段也没有错，其他的信息也...
element-ui 限制日期选择的方法(datepicker)
12-09
Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是 Mint UI 。 需求场景如下： 指定起止日期，后选的将会受到先选的限制 不同的日期选择器，不过也存在关联关系 实现方法...
详解element-ui动态限定的日期范围选择器代码片段
11-20
element-ui 的日期选择器的组件是 el-date-picker. 设定 pickerOptions2， data() { return { pickerOptions2: { disabledDate: theDate => { const oneDay = 3600 * 1000 * 24 const current = the
不更改版本 element ui el-date-picker 报错 Prop being mutated: “placement“解决
空空墓志铭的博客
08-06 6373
element ui el-date-picker 报错 Prop being mutated: “placement“，不变更版本解决报错问题
vue使用组件＜el-date-picker＞报错[Vue warn]: [Vue warn]: Avoid mutating a prop directly since the value will
hui_54520的博客
06-30 4223
vue使用组件＜el-date-picker＞报错[Vue warn]: [Vue warn]: Avoid mutating a prop directly since the value will
Element-ui中的el-date-picker 踩坑日记
weixin_47024018的博客
04-08 2299
问题描述 Element-Ui踩坑日记: 在使用el-date-picker组件的中出现多个日期的选择，会出现日历显示与选框不对齐； 问题分析： 因为这里模态框中存在多个el-date-picker组件，在切换的时候会出现组件没有注销还在进行，因为没有唯一的表示去绑定 原代码 <el-date-picker v-model="" type="daterange"
使用el-date-picker组件时，控制台出现报错 Avoid mutating a prop directly ...... Prop being mutated: “placement“
weixin_45737202的博客
10-09 804
el-date-picker控制台报错 - Prop being mutated: "placement" 问题解决办法
ElementUI el-date-picker日期选择器当月时间在右侧显示,并且今天之后的日期无法选择
10-21 5473
ElementUI官网给出的案例当月时间默认是在左边展示的，根据开完需要，要把当月日期放在右边展示，并且今天之后的日期无法选择 先引用ElementUI官方案例 <template> <div> <el-date-picker v-model="pickerDate" unlink-panels type="daterange" range-separator="至"...
使用element-ui中的el-date-picker，中间的至字显示不全的原因及解决
Aa12364567的博客
07-18 2495
使用element-ui中的el-date-picker，中间的至字显示不全的原因及解决
vue3 el-date-picker设置禁用日期,只能选今天或者今天之后的日期
最新发布
Dnn01的博客
05-14 290
vue3 el-date-picker设置禁用日期,只能选今天或者今天之后的日期
element-ui2.13.2升级到element-ui 2.15.6的差异
04-29
升级 Element UI 版本时，需要注意以下几点： 1. 语法变化 在 Element UI 2.15.6 中，某些语法有所变化，需要进行调整。例如，原来使用 `$attrs` 访问组件的非 prop 特性，现在应改用 `$attrs` 对象的 `inheritAttrs` 选项。另外，某些组件的 prop 名称也有所变化，需要注意。 2. 样式变化 Element UI 2.15.6 中有些组件的样式有所调整，例如 `el-table` 的表头排序箭头、`el-select` 的下拉框阴影等。如果你的项目中使用了这些组件，需要根据新的样式进行调整。 3. 功能变化 Element UI 2.15.6 中新增了一些功能，例如 `el-upload` 组件支持多文件上传、`el-date-picker` 组件新增了时间范围选择等。如果你的项目中使用了这些组件，可以考虑使用新功能来改进你的项目。 总的来说，Element UI 2.15.6 相对于 2.13.2 来说，变化不是非常大，但还是需要仔细查看官方文档，逐一检查你的项目是否需要进行调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值