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

这个错误通常是因为在Vue.js中，你尝试修改了一个作为prop传入组件的响应式属性。在Vue中，props是单向数据流，父组件通过props将数据传递给子组件，而子组件不应该直接修改传入的prop。

针对el-date-picker组件报的错，“placement”属性被修改，这可能是因为你在组件内部尝试改变了这个属性。

解决方法：

1. 不要在子组件内直接修改传入的placement属性。
2. 如果需要修改，可以创建一个本地的数据属性，并用计算属性或者watcher来响应外部prop的变化，然后修改这个本地属性。
3. 如果placement属性需要根据某些逻辑动态改变，你可以提供一个方法给父组件，让父组件来修改相关的值。

示例代码：

// 子组件
export default {
  props: {
    placement: {
      type: String,
      default: 'left'
    }
  },
  data() {
    return {
      // 创建一个本地副本
      localPlacement: this.placement
    };
  },
  watch: {
    // 监听prop的变化，并更新本地副本
    placement(newValue) {
      this.localPlacement = newValue;
    }
  },
  methods: {
    // 提供一个方法供父组件调用修改placement
    updatePlacement(newPlacement) {
      this.localPlacement = newPlacement;
      // 可以在这里触发更多的逻辑
    }
  }
};
 
// 父组件
<template>
  <YourDatePickerComponent :placement="placement" @update-placement="updatePlacement"/>
</template>
 
<script>
export default {
  data() {
    return {
      placement: 'right'
    };
  },
  methods: {
    updatePlacement(newPlacement) {
      this.placement = newPlacement;
    }
  }
};
</script>

在这个例子中，子组件使用localPlacement来代替placement进行实际的操作，而updatePlacement方法允许父组件在需要时更新这个值。这样既保证了组件内部的状态不与prop冲突，也能在需要时从父组件接收并应用外部的变化。