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

最新推荐文章于 2024-04-20 14:59:53 发布
最新推荐文章于 2024-04-20 14:59:53 发布
阅读量3.2k 收藏 1
点赞数 1
文章标签： java vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49642079/article/details/125515719
版权

一、问题描述

 二、问题原因

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

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

三、原因分析

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

四、解决方案

1、如果版本高于2.15.6 建议直接降低版本, npm install element-ui@2.15.6

2、如果版本号是小于且等于2.15.6版本还是会报错的话,可以检查一下版本号之前的符号，如果有^，建议去掉再安装,因为这个符号是安装2.0的最高版本

以下文件可查看版本。

 

张小白、
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Prop being mutated: “placement“解决方法
Missying55的博客
07-20 5571
[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 el-date-picker报错Prop being mutated:“placement“快速解决方式
大山博客
11-17 804
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"
解决使用elementUI的el-date-picker报[Vue warn]: Avoid mutating a prop ...Prop being mutated: “placement“的问题
最新发布
weixin_44634793的博客
04-20 438
使用elementUI的el-date-picker报[Vue warn]: Avoid mutating a prop ...Prop being mutated: “placement“解决：添加属性，placement=”bottom-start”
不更改版本 element ui el-date-picker 报错 Prop being mutated: “placement“解决
空空墓志铭的博客
08-06 6450
element ui el-date-picker 报错 Prop being mutated: “placement“，不变更版本解决报错问题
解决控制台Prop being mutated: “placement“报错
YoungRx_的博客
06-15 1万+
Prop being mutated: "placement"
“placement“问题Prop being mutated: “placement“
OUSHAOXIAN的博客
08-12 382
"placement"问题
vue使用prop可以渲染但是打印台报错的解决方式
10-15
今天小编就为大家分享一篇vue使用prop可以渲染但是打印台报错的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
wepy-prop-types:wepy属性类型检测
05-15
wepy-prop-types wepy属性类型检测插件 第一步:keycap_1: 工程目录下运行 npm install --save wepy-prop-types 如果你已经安装了yarn，可运行 yarn add wepy-prop-types 第二部使用:keycap_2: 在工程中导入： ...
解决vue 子组件修改父组件传来的props值报错问题
12-13
vue不推荐直接在子组件中修改父组件传来的props的值，会报错 [Vue warn]: Avoid mutating a prop directly since the value ... Prop being mutated: “result” (found in component ) <input v-model="currentSe
prop-1:微信传播工具
06-11
prop微信传播工具目录结构css/less/(开发使用less，生成到根目录css目录下)img/js/appPart/（独立模块，以app名字开头，各app模块内容近似）controller/（相关的子模板的controller.js存放在这里）directives/ (相关...
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent..
热门推荐
qq_58062502的博客
02-06 5万+
[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: "value"
使用 DatePicker 日期控件，发生 Prop being mutated: “placement“ 报错问题
阿程的博客
08-05 847
使用 DatePicker 日期控件，发生 Prop being mutated: “placement“ 报错问题
vue组件传值报错： Instead, use a data or computed property based on the prop‘s value. Prop being mutated: “
sunshineTing2的博客
09-30 1万+
问题 问题：在单选组件（radio）切换后，修改了来自父组件的值（item），然后报错如下： 原因 prop是单向绑定，不能更改数据，只能由父组件传输过来 解决 1、可以在子组件中 声明一个中间变量（value），把父组件传过来的值(item)赋值给中间变量(value),当单选切换时修改的数据为value,就不会报错 2、使用.sync修饰符与$emit(update:xxx) 父组件 <comp :item.sync="item"></comp> 子组件 this.$emit
Prop being mutated: “placement“ ElementUI日期选择器渲染报错问题解决方案（不退回版本）
weixin_54600588的博客
09-06 507
虽然看到网上有很多反馈，但解决方案都是退回到旧版本，不过经过我个人的实践，2.15.1这个版本依旧有placement赋值这个操作，换句话说这个退回版本的方案并不适合与我。这个错误的产生是由于elementUI在某一个版本中，直接给placement这个props父级属性赋值导致Vue出现的报错。不过功夫不负有心人，通过网友的提醒，咱们还是找到了另一条解决问题的道路，那就是给组件的align属性赋值。
报错：Prop being mutated: “placement“found in---＞ ＜ElDatePicker＞ at packages/date-picker/src/picker
m0_63775072的博客
09-02 920
element ui 降低版本 => npm install element-ui@2.15.3。
Prop being mutated: "counter"
sunlizhen的专栏
05-12 7153
对于父子组件之间的互相传值，报错如下： [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
解决uniapp Prop being mutated: "placeholder"报错
ten_yearM的博客
05-06 5631
想要解决的问题：封装一个组件A，组件A的placeholder有默认值，但又有几处需要从父组件传入自定义值，即想要父组件有传值时使用父组件，没有传值使用默认（默认有分情况或者使用语言包，‘default’用不了），本文不解决Prop双向绑定。 报错信息： Avoid mutating a prop directly since the value will be overwritten whene...
element ui 控制台报 Prop being mutated: “placement“
weixin_45591598的博客
07-29 758
最近写项目一直报，报了几天了，一直没时间解决，开始还以为是啥子组件改了父组件传的值才报错，可是我整个项目都搜不到"placement"，所以根本就不是父子组件的问题！！！！好气！！
prop being mutated: "placement"
03-16
位置变异 我不太理解你的意思。你可以再解释一下吗？ 我不明白你的意思。 很高兴为您服务！placement是指将物体放置在某个位置上，这可以通过突变来实现。 对“placement”的变异来说，它的意义是把某些元素放置在特定的位置。 很高兴为您提供帮助。“placement”一般指把某事物放置在特定的位置。 我不明白你的意思。 我不太明白你的意思，你能再解释一下吗？ 我不太清楚什么是"placement"，但我知道“prop being mutated”是指属性被突变。 我不知道你在说什么。 我们可以用“放置”来描述这一变化过程。 我不太明白您的意思，请再说明一下您的问题？ 我不太清楚你的意思，你能再说一遍吗？ 把“placement”转化为变体的话，可以说是“安置”或“放置”。 我们可以把"placement"变成一种新的技术或者技能。 你想问的是什么？ 我不太明白你的意思。 我不太明白你的意思。你能再说明白一点吗？ 位置。 我想你是在询问“安置”的意思？ 我不太明白你的意思。 我不太明白你的意思。 我不知道你在说什么，你可以请你再详细解释一下吗？ 你想说的是放置？ 我不太清楚你所指的“placement”，可以再详细解释一下吗？ 我不太了解"placement"是什么意思。你能解释一下吗？ 位置。 你是在询问放置的意思吗？ 这个词的意思是放置、放置位置或安置。 放置。 我不太明白你的意思。你能再说明白一点吗？ 位置。 我不太明白你的意思。这个错误信息通常是在编程中使用了不可变对象或常量，试图更改它们的属性或值导致的。在这种情况下，错误信息指出尝试更改名为“placement”的属性，但该属性被视为不可变对象。 解决此问题的方法可能因编程语言而异，但通常的解决方法是使用可变对象或数据结构，或者通过更改代码逻辑来避免更改不可变对象的属性。需要进一步查看代码和上下文才能提供更具体的建议。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值