错误:
问题描述:
父组件中传值“resourceId”给子组件,子组件用props去接收了,同时,在关闭时对该props的“resourceId”值进行了修改,同时父组件中对该值也进行了修改。
父组件:
子组件:
由于父组件closeResource()方法中更改了this.resourceId值,closeResource方法除了父组件触发这个方法,子组件也会触发,即子组件会更改resourceId的值,但是由于父子组件的传递机制,会造成报错Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders....
因此在子组件使用该值时需要经过新变量(rpId)重新传递,这样当这个值变更时,不会造resourceId的更改, 或者在子组件中不对resoureId进行值得改变。
参考自:
https://www.jianshu.com/p/392145843afe