[Bug] Vue 2 项目 ElementUI <date-picker> 报错Prop being mutated: "placement"

189 阅读1分钟

一.问题描述

在Vue 2 中使用 ElementUI 的日期时间选择器组件<el-date-picker>时,控制台报错:

image.png

虽然不影响使用,但还是修复掉比较好.

二.解决方案

1.根据提示找到项目 node_modules/element-ui/下这个组件的vue 文件,报错的placement属性值如下:

image.png

image.png

2.再找 vue-popper

image.png

image.png

这是由于elementUI 新版本2.15.9 的新增 prop 导致的bug ,解决方案是将elementUI 降级到2.12.0
在终端输入

cnpm i element-ui@2.12.0 -S

并重启

三.成功解决

image.png

(注: Failed to load resource 报错是因为使用了全球头像服务gavatar,这个服务时常连不上,属于正常现象)