Element-ui的date日期时间组件的bug 报错 prop‘s value. Prop being mutated: “placement“

Element-ui的date日期时间组件的bug 报错:prop’s value. Prop being mutated: “placement”

今天本来想用下Element-ui的date日期时间组件,居然发现使用date组件后一直报错,大概意思是和props相关,但是我的页面组件也没有props,我去看了一下源码发了问题所在,先看报错吧 很重要的一段:use a data or computed property based on the prop's value. Prop being mutated: "placement"

[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”在这里插入图片描述

查找原因

然后去看了源码,查找 propsplacement 发现了问题所在,在2.15.9版本里picker.vue 的created里面给placement 赋值了,在props里居然也有placement 在vue中需要遵循单向数据流原则 ,不能不能给 placement 赋值 (如果是对象或数组可以) 在这里插入图片描述

举实例:

我的demo 项目 HelloWorld.vue里 设置了props 值为 values 然后在给values赋值,发现和Element-ui是同样的错

在这里插入图片描述
我的demo项目错误截图:
在这里插入图片描述

模拟出错误问题所在,我们解决问题也大概知道了数解决问题的思路:

  • 1.在我的dmeo项目里,可以把这个值变成对象或者数组 不报错
  • 2.在我的dmeo项目里,可以把values值变成data的属性 不报错
解决办法:

上面两个方法在用在element-ui源码里好像都不可行,那我们暂时唯一能做的是把Element-UI版本降低下来,我降低到了 2.41.1 这个版本就可以正常使用了 你们也可以试试

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端酱紫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值