【uni-app填坑】[Vue warn]: Avoid mutating a prop directly since the value will be overwritten wheneve...

开发环境的HbuilderX版本：2.0.1

2.0.1.jpg

• 组件引用关系

组件引用关系.jpg

• 错误提示

  
  
  错误提示.jpg

错误提示的字面意思就是：不能在子组件中直接修改父组件通过props传过来的参数。

解决方案：可以通过在子组件的data或者computed中对传入的参数进行备份，然后监听props属性值得变化来更新备份后的值。

不过呢，我发现自己写的代码是完全没有问题的，而且在普通的vue项目中进行了测试，也是完全没有报错的。

后来想起使用的IDE是HbuilderX 2.0.1版本，是否会存在IDE兼容问题呢？在官网QQ群咨询了官方人员之后，建议升级IDE版本到当前最新的2.0.2.20190614-alpha试试。

果不其然，升级之后重新运行一切都正常了。

总结：有时我们要相信自己的判断，遇到问题时，第一时间先检查是否是自己代码的问题，确定没问题之后，就要检查下运行环境、IDE（尤其是第三方的IDE）等的版本是否有问题并及时请求帮助，以免浪费太多的时间。