当前位置: 代码迷 >> 综合 >> Avoid mutating a prop directly子传父报错解决
  详细解决方案

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

热度:61   发布时间:2024-02-12 20:13:10.0

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值,单向数据流,易于监测数据的流动,出现了错误可以更加迅速的定位到错误发生的位置)。

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

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

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

  相关解决方案