日常开发记录-[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the p...

who am I？ 6666

于 2022-09-01 09:35:00 发布

阅读量128

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript ecmascript 前端框架

本文链接：https://blog.youkuaiyun.com/machine_vision123/article/details/129253557

当使用ElementUI版本2.15.9时，遇到Vue警告，提示不应直接修改prop属性'placement'。该问题不影响功能展示，但可通过降级到2.15.7版本解决。卸载旧版ElementUI后，可以使用npm安装指定版本如2.15.7，以消除警告。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错原因：elementUI 下载版本问题

报错提示：

vue.runtime.esm.js?2b0e:619 [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"

found in

---> <ElDatePicker> at packages/date-picker/src/picker.vue
<Index> at src/views/demo/index.vue
<App> at src/App.vue
<Root>

解决方案：我使用的 ElementUI 版本是 "element-ui": "^2.15.9"，会出现这个报错提示，更换一个更低点的版本即可解决报错，不解决报错好像也不影响效果展示，自行【判断】

// 卸载 elementUI 旧版本
npm uninstall element-ui
// 安装新版本
npm i element-ui -S
// 安装指定版本 
npm i element-ui@2.15.7 -S

查看自己项目使用的 ElmentUI 版本：

打开项目中的 package.json 文件查看即可