[Vue warn]: Avoid mutating a prop directly since the value will be elementUI2.15.6后禁止直接传值
![](https://img2022.cnblogs.com/blog/1560517/202209/1560517-20220914140643651-156704821.png)
解决方案1
1 打开项目packjson
2 查看安装elementui版本号
如果是高于2.15.6的,建议直接降低版本, npm install element-ui@2.15.6 下载对应版本
如果版本号是小于且等于2.15.6版本还是会报错的话,可以检查一下版本号之前的符号,如果有^,建议去掉再安装,因为这个符号是安装2.0的最高版本
npm i element-ui@2.13.2 // 安装指定版本
原因分析:
因为elementUi升级到2.15.6以上版本的时候在date-picker组件里面添加了一行直接修改placement的代码(可以通过红框的路径前去查看)
解决方案2
子组件定义一个新的变量 ,在watch 钩子里面把从子组件里面接收到的值赋值给子组件里面定义的新的变量
原因分析:
报错:通过props传递给子组件的placement,不能在子组件内部修改props中的placement值。因此可以使用上述方案传递赋值