【bug记录】使用element-ui时间选择器插件报错-placement

324 阅读1分钟

错误:

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 XXXXXX

经过百度之后发现是elementUI版本更新之后,多出了一个placement属性,解决方案是 下载低版本的elementUi。显然这个方法在已经上线的产品中并不是最优解。

经过苦苦搜寻,找到两个不需要替换版本的解决方案:

  1. 在el-date-picker 组件上添加一个aligin属性:
<el-date-picker
    v-model="time"
    type="date"
    placeholder="选择日期"
    align="center"
    >
 </el-date-picker>

2.在el-date-picker 组件上添加一个placement属性:

    <el-date-picker
      v-model="time"
      type="date"
      placeholder="选择日期"
      placement="bottom-start"
      >
    </el-date-picker>