signed

QiShunwang

“诚信为本、客户至上”

Avoid mutating a prop directly子传父报错解决

2020/8/20 14:17:40   来源:

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: “drawer”

element-ul抽屉模块的时候经历这样一个错误片段,已解决报错
错误:避免直接改变属性,因为每当父组件重新渲染时,该值都将被覆盖。相反,请使用基于属性值的数据或计算属性(子组件不可直接修改父组件传递的Prop值,单向数据流,易于监测数据的流动,出现了错误可以更加迅速的定位到错误发生的位置)。

更简单来说呢 就是一个父组件并不是只有你一个子组件,如果每一个子组件都可以修改父组件的值,那么我们需要定位的错误很难统一。

所以我们把修改数据的权限交付给父组件,才能最快以及准确的定位我们的错误,从而保证了数据源的唯一性。

父组件:
父组件
子组件:
子组件