Prop being mutated: “placement“ ElementUI日期选择器渲染报错问题解决方案(不退回版本)

 在使用elementUI中的日期选择器组件(DatePicker)的时候出现了一个与使用者无关的错误:

这个错误的产生是由于elementUI在某一个版本中,直接给placement这个props父级属性赋值导致Vue出现的报错。

this.placement = PLACEMENT_MAP[this.align] || PLACEMENT_MAP.left;

虽然看到网上有很多反馈,但解决方案都是退回到旧版本,说实话,这个退回版本的方案并不适合与我。但是兜兜转转,也找不到其他的解决方案。

不过功夫不负有心人,通过网友的提醒,咱们还是找到了另一条解决问题的道路,那就是给组件的align属性赋值。

// 官方的可选值为left,center和right
align="center"

 这样,再次运行就不会出现上述的错误了。

 也就是说,虽然官方给align设置了默认的left属性,但推荐使用者对该属性进行设置,如果各位老哥有强迫症,在使用日期选择器时,一定要记得赋值align哦!

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值