父组件通过props传值给子组件,如何避免子组件改变props的属性值报错问题

父组件通过props传值给子组件,如何避免子组件改变props的属性值报错问题

报错信息: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: “status”

 

按官方文档中的设计讲,父子组件中的数据流是单向的, 同时也给出了子组件操作数据时的解决方法。

父组件通过props传值给子组件,如何避免子组件改变props的属性值报错问题

image.png673×546 21.1 KB

不过,当props是对象的时候,子组件直接修改数据,不会引起警告。但还是不建议这样做……