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 ,进行二次赋值。

相关推荐
AI浩6 小时前
【Labelme数据操作】LabelMe标注批量复制工具 - 完整教程
运维·服务器·前端
涔溪6 小时前
CSS 网格布局(Grid Layout)核心概念、基础语法、常用属性、实战示例和进阶技巧全面讲解
前端·css
2401_878454536 小时前
浏览器工作原理
前端·javascript
西陵6 小时前
为什么说 AI 赋能前端开发,已经不是选择题,而是必然趋势?
前端·架构·ai编程
by__csdn7 小时前
Vue3 setup()函数终极攻略:从入门到精通
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript
天天扭码8 小时前
前端如何实现RAG?一文带你速通,使用RAG实现长期记忆
前端·node.js·ai编程
一条可有可无的咸鱼8 小时前
企业招聘信息,企业资讯进行公示
java·vue.js·spring boot·uni-app
Luna-player8 小时前
在前端中,<a> 标签的 href=“javascript:;“ 这个是什么意思
开发语言·前端·javascript
lionliu05198 小时前
js的扩展运算符的理解
前端·javascript·vue.js
小草cys9 小时前
项目7-七彩天气app任务7.4.2“关于”弹窗
开发语言·前端·javascript