解决控制台Prop being mutated: “placement“报错

已于 2022-10-14 11:17:11 修改
阅读量1.9w 收藏 57
点赞数 53
文章标签： elementui vue.js 前端 javascript web
于 2022-06-15 17:18:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YoungRx_/article/details/125300539
版权

解决控制台Prop being mutated: "placement"报错

例如：当elementUi自动升级到2.15.6以上版本时，浏览器控制台会出现此报错。

现在看到gitlab上也有很多人遇到了这个问题，都是在2.15.8版本左右出现的报错

在这里插入图片描述

原因分析：

因为elementUi升级到2.15.6以上版本的时候在date-picker组件里面添加了一行直接修改placement的代码(可以通过红框的路径前去查看)

在这里插入图片描述

解决方案：

1.打开项目packjson查看安装elementui版本号,如果是高于2.15.6的，建议直接降低版本, npm install element-ui@2.15.6 下载对应版本(如果版本号是小于且等于2.15.6版本还是会报错的话,可以检查一下版本号之前的符号，如果有^，建议去掉再安装,因为这个符号是安装2.0的最高版本,不懂版本号前面符号代表什么的可以去百度一下)

在这里插入图片描述

吃饼干的兔兔
关注
前端开发：Vue报错Avoid mutating a prop directly since the value will be…的解决方法
软贱开发攻城狮
07-25 6586
前端开发中，在使用Vue开发的时候，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。httpshttpshttps。...
解决props数据传递时报错问题
高贵的程序媛
12-21 2503
先贴出错误提示： [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. P...
【vue】Prop being mutated: “placement“
weixin_42866036的博客
07-13 2217
控制台错误信息： [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” vue版本：element-ui@2.15.9 (
强迫症讨厌的vue警告，[Vue warn]Prop being mutated: “visible“
草叶儿的博客
03-08 6555
写VUE组件的时候，用到Modal经常会有这个警告，强迫症看的不舒服： [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: "visible" 原
Prop being mutated: “placement“解决方法
Missying55的博客
07-20 5650
[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”
Prop being mutated: "showDialog"
热门推荐
乐夫天命兮的博客
06-24 1万+
对于父子组件之间的互相传值，报错如下： [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’...
控制台Prop being mutated: “placement“报错解决方案
qq_49642079的博客
06-29 3336
vue 日期问题，picker
element ui 时间日期选择器 el-date-picker 报错 Prop being mutated “placement“
m0_67391401的博客
08-01 497
因为安装其他东西出现问题把package-lock.json和node_modules都删了，然后npminstall结果坑的是package.json版本和实际安装的不是一个版本，不然不会出现这个问题。刚开始报错的时候还没有意识到版本问题，后来老项目看到node_modules中picker.vue和现在用的不一样的时候才发现是版本问题，老项目没有报错是因为版本中props中没有placement，只有created的时候placement有个赋值操作，所有不会有报错。...
dialog弹窗关不掉 vue_elementUI弹窗之坑（dialog的遮罩层在弹出层的上面，子弹窗执行保存（确定）按钮之后还要执行取消按钮，Prop being mutated: "showTre...
weixin_30539747的博客
12-24 3455
本文主要解决elementUI弹窗嵌套中的坑,笔者在给同事解决难听过程看到了三个问题：弹窗套弹窗出现蒙层、弹窗套弹窗，子弹窗执行保存(确定)按钮之后还要执行取消按钮、弹窗自带关闭x按钮报错[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent compone...
vue中单向数据流中不允许在子组件修改父组件传过来的props值
SeeU
07-31 1183
**参考：https://blog.csdn.net/xueli_2017/article/details/90579048 vue报错： [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 valu
不更改版本 element ui el-date-picker 报错 Prop being mutated: “placement“解决
空空墓志铭的博客
08-06 6658
element ui el-date-picker 报错 Prop being mutated: “placement“，不变更版本解决报错问题
Prop being mutated:报警
最新发布
A_one2010的博客
04-15 217
vue prop报错
Prop being mutated: “placement“ ElementUI日期选择器渲染报错问题解决方案（不退回版本）
weixin_54600588的博客
09-06 582
虽然看到网上有很多反馈，但解决方案都是退回到旧版本，不过经过我个人的实践，2.15.1这个版本依旧有placement赋值这个操作，换句话说这个退回版本的方案并不适合与我。这个错误的产生是由于elementUI在某一个版本中，直接给placement这个props父级属性赋值导致Vue出现的报错。不过功夫不负有心人，通过网友的提醒，咱们还是找到了另一条解决问题的道路，那就是给组件的align属性赋值。
npm 的语义版本控制、解决控制台Prop being mutated: “placement“报错
weixin_41897680的博客
07-17 526
npm 的语义版本控制、解决控制台Prop being mutated: “placement“报错
使用 DatePicker 日期控件，发生 Prop being mutated: “placement“ 报错问题
阿程的博客
08-05 895
使用 DatePicker 日期控件，发生 Prop being mutated: “placement“ 报错问题
日期组件报错：Prop being mutated: “placement“
醉殇姒若梦遗年 ツ的博客
03-11 574
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"
报错：Prop being mutated: “placement“found in---＞ ＜ElDatePicker＞ at packages/date-picker/src/picker
m0_63775072的博客
09-02 945
element ui 降低版本 => npm install element-ui@2.15.3。
Prop being mutated: "counter"
sunlizhen的专栏
05-12 7176
对于父子组件之间的互相传值，报错如下： [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: “counter” 大概意思是：避免直接更改一个P
element-ui踩坑记之时间选择器 报错 Prop being mutated: “placement“
OldLaoli的博客
09-09 336
elementui中的坑
prop being mutated: "placement"
03-16
我不太清楚什么是"placement"，但我知道“prop being mutated”是指属性被突变。 我不知道你在说什么。 我们可以用“放置”来描述这一变化过程。 我不太明白您的意思，请再说明一下您的问题？ 我不太清楚你的意思，...
评论 24
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值