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

相关推荐
不买Huracan不改名3 分钟前
安装Codex(需要用npm)
前端·npm·node.js
Dorcas_FE11 分钟前
axios请求缓存与重复拦截:“相同请求未完成时,不发起新请求”
前端·spring·缓存
dreams_dream19 分钟前
vue中axios与fetch比较
前端·javascript·vue.js
梦鱼40 分钟前
Vue 项目图标一把梭:Iconify 自用小记(含 TS/JS 双版本组件)
前端·javascript·vue.js
best66640 分钟前
Flex 与 Grid 的 order 参数:布局界的 "插队神器"
前端
小噔小咚什么东东41 分钟前
看到了很多次WebRTC,但是你真的需要它吗?
前端·webrtc
猫七先生42 分钟前
微信小程序一键登录可行性方案
前端·微信小程序
维他AD钙42 分钟前
前端开发 8 个非常实用小技巧:高效解决日常开发痛点
前端
光影少年1 小时前
webpack和vite优化方案都有哪些
前端·webpack·node.js