element el-date-picker报错Prop being mutated:“placement“快速解决方式

报错信息

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-ui 2.15.6 和 2.15.5 估计2.15.*都有这个问题

插件应用情况

在组件的插槽中使用el-date-picker, 组件创建时报错

最简单解决方案

在组件加上 align="center" ,就不会报错了

cpp 复制代码
<el-date-picker
   v-model="datePick"
   class="sum_pick"
   align="center"    // 加这个就可以了
   popper-class="sum_pick_popper"
   type="date"
   placeholder="选择日期"
 >
 </el-date-picker>

报错原因

element在创建该组件的时候,给父级传值过来的placement ,进行二次赋值。

相关推荐
小*-^-*九14 小时前
Electron vue项目 打包 exe文件
javascript·vue.js·electron
AI视觉网奇16 小时前
rknn yolo11 推理
前端·人工智能·python
gplitems12316 小时前
Gunslinger – Gun Store & Hunting WordPress Theme: A Responsible
开发语言·前端·javascript
wyzqhhhh19 小时前
less和sass
前端·less·sass
Nan_Shu_61420 小时前
学习:uniapp全栈微信小程序vue3后台-额外/精彩报错篇
前端·学习·微信小程序·小程序·uni-app·notepad++
excel21 小时前
Vue3 中的双向链表依赖管理详解与示例
前端
老华带你飞21 小时前
机电公司管理小程序|基于微信小程序的机电公司管理小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·微信小程序·小程序·机电公司管理小程序
前端小白从0开始1 天前
Chrome DevTools高级用法:性能面板内存泄漏排查
前端·chrome·chrome devtools
EveryPossible1 天前
带有渐变光晕
前端·javascript·css
jojo是只猫1 天前
Vue 3 开发的 HLS 视频流播放组件+异常处理
前端·javascript·vue.js