我是靠谱客的博主 甜甜朋友,最近开发中收集的这篇文章主要介绍【vue】Prop being mutated: “placement“,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

问题现象:

控制台错误信息: [Vue warn]: 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”
在这里插入图片描述
vue版本:element-ui@2.15.9 (npm list 即可查看版本)

原因分析:

高于2.15.6版本的element-ui在date-picker组件新增了一行直接修改placement的代码

    this.placement = PLACEMENT_MAP[this.align] || PLACEMENT_MAP.left;

在这里插入图片描述

在这里插入图片描述

解决方法:

  1. 查看package.json文件中element-ui的版本号
    在这里插入图片描述
  2. 版本号是以^开头(表示安装2.0最高版本),先卸载,再重装element-ui,即可解决
    npm uninstall element-ui
    npm install element-ui@2.15.6
    

最后

以上就是甜甜朋友为你收集整理的【vue】Prop being mutated: “placement“的全部内容,希望文章能够帮你解决【vue】Prop being mutated: “placement“所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(39)

评论列表共有 0 条评论

立即
投稿
返回
顶部