element ui 的日期组件 DatePicker 报错：Prop being mutated: “placement“

已于 2022-10-18 22:31:29 修改
阅读量432 收藏
点赞数
文章标签： vue.js javascript elementui
于 2022-10-16 19:11:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43714836/article/details/127351231
版权

上周接手了一个项目，使用的框架版本是vue.2.6.11 + element-ui.2.13.2。开发中发现整个项目中使用到DatePicker组件的页面都报错误提示，后来我照着官网单独引用，结果都同样报错。
在这里插入图片描述
通过分析怀疑是组件本身的问题，到网上搜索果真，不少人遇到了这问题，需换版本。虽然问题不影响页面功能，但存在报错提示多少让人不放心。于是到 npm 官网搜到 element-ui 的版本，前面两个版本2.14.0、2.14.1分别下载1万多、7万多，再找到element-ui官网查到两个版本跟当前版本的差异，发现都不会对当前项目造成影响，于是决定升级到2.14.1版本。升级成功后查看页面红色提示都没有了。

cnpm uninstall element-ui
cnpm install element-ui@2.14.1
~world~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Element-ui踩坑记录 DatePicker 日期选择器
weixin_43827743的博客
09-22 3993
记录自己在使用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"..
vue-datepicker-ui:Vue 的日期选择器组件
07-24
Vue 日期选择器组件 VueJs 的 Datepicker 组件 ( ) 使用 // main.js file import VueDatepickerUi from 'vue-datepicker-ui' import 'vue-datepicker-ui/lib/vuedatepickerui.css' ; Vue . component ( '...
使用element-ui的日期选择器（DatePicker）报错：Prop being mutated: “placement“
weixin_45316705的博客
07-28 821
element-ui，vue 2.0
element-ui的el-date-picker报错
weixin_48567214的博客
07-11 532
百度了一下，说什么子组件改变了prop的值，但是我并没有改变prop的值经过一系列查询最终发现和elementUI版本有关目前亲测可用版本为 2.15.6 注意前面不要加 ^ 符号 重启项目不报错
【Vue】el-date-picker 警告问题Prop being mutated: “placement“
栗子菜菜
06-24 2723
element-ui版本问题导致ElDatePicker出现警告Prop being mutated: "placement"
调用elementui中的el-date-picker时间控件报错问题
qq_46109063的博客
03-29 375
dev环境中报date.getFullYear is not a function date.getHours is not a function。打包以后报t.getFullYear is not a function(或is not undefined)记不清了。原因：后台与前台接受的数据格式不一致。
vue报错elementUI使用datepicker报错Avoid mutating a prop directly since the value will be overwritten whene
Mygongzi的博客
08-03 1584
vue报错elementUI使用datepicker报错Avoid mutating a prop directly since the value will be overwritten whene
el-date-picker 警告问题Prop being mutated: “placement“
qq_34815188的博客
07-20 521
elementUi 自动升级 控制台报错 Prop being mutated: “placement“
element-ui 限制日期选择的方法(datepicker)
08-27
Element-UI 日期选择器限制日期选择的方法 Element-UI 是饿了么前端团队推出的基于 Vue.js 2.0 的桌面端 UI 框架，手机端有对应框架是 Mint UI。本篇文章主要介绍了 Element-UI 中日期选择器的限制日期选择的方法。...
jQueryUI Datepicker组件设置日期高亮
10-21
jQueryUI Datepicker组件是jQuery UI库中的一个强大日期选择器，它提供了丰富的功能和自定义选项，使得在网页中添加日期选择功能变得简单易行。在某些场景下，我们可能需要突出显示日历中的特定日期，比如标记重要的...
semantic-ui-calendar-react:Datepicker React组件基于语义UIReact组件
05-14
Datepicker React组件基于语义UIReact组件 我的意图是创建类似于。 在这里您可以找到一个实时示例 安装 npm npm i semantic-ui-calendar-react CDN < script src =" ...
datepicker:日期选择器dart webui组件
05-03
在本文中，我们将深入探讨`datepicker`，这是一个用于Dart WebUI的日期选择器组件。WebUI是Google推出的一种用于构建Web应用的技术，它允许开发者使用Dart语言编写富交互式的前端界面。随着WebUI逐渐演变为Polymer，...
关于elementUI中datepicker遇到的问题
nbnxaa的博客
03-05 4255
在使用date-picker组件时 &lt;el-date-picker size="small" v-model="dataForm.time" type="daterange" align="right" unlink-panels ...
Vue中使用el-data-picker报错（Prop being mutated: “placement“）
pleasantsheep_的博客
08-09 1437
Vue中使用el-data-picker报错 安装 2.15.8 报错
不更改版本 element ui el-date-picker 报错 Prop being mutated: “placement“解决
空空墓志铭的博客
08-06 6487
element ui el-date-picker 报错 Prop being mutated: “placement“，不变更版本解决报错问题
element el-date-picker报错Prop being mutated:“placement“快速解决方式
大山博客
11-17 816
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"
使用 DatePicker 日期控件，发生 Prop being mutated: “placement“ 报错问题
阿程的博客
08-05 858
使用 DatePicker 日期控件，发生 Prop being mutated: “placement“ 报错问题
npm 的语义版本控制、解决控制台Prop being mutated: “placement“报错
weixin_41897680的博客
07-17 495
npm 的语义版本控制、解决控制台Prop being mutated: “placement“报错
使用Vue实现点击页面触发特效
最新发布
qq_45569925的博客
07-19 729
在页面上的指定区域内进行点击，则会在页面上显示设置好的随机文本，此文本出现后会执行动画，动画效果为节点在1s之内向右上方移动并在移动的过程中完成180°翻转，最后消失。
element plus 日历组件选择多个日期
05-16
Element Plus 的日历组件支持选择多个日期，可以通过设置 `type` 属性为 `'daterange'` 或 `'datetimerange'` 来实现。 具体来说，设置 `type` 为 `'daterange'` 时，可以选择一个开始日期和结束日期，设置 `type` 为 `'datetimerange'` 时，可以选择一个开始日期和结束日期，并且可以选择具体的时间。 以下是一个示例代码： ```html <template> <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="handleChange" ></el-date-picker> </template> <script> export default { data() { return { dateRange: [], // 选中的日期范围 }; }, methods: { handleChange(value) { console.log('选中的日期范围：', value); }, }, }; </script> ``` 在上面的示例中，设置了 `type` 属性为 `'daterange'`，并将选中的日期范围绑定到了 `dateRange` 变量上。同时，设置了 `range-separator` 属性为 `'至'`，用来显示开始日期和结束日期之间的分隔符。在 `@change` 事件中，可以获取到选中的日期范围。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值