VUE中性子コンポーネントは、直接親コンポーネント属性の小道具のバグを修正します

いくつかのケースでは、サブアセンブリを直接由来する親コンポーネント変更prop 对象同期問題の性質を。

例えば、親コンポーネントは、オブジェクト上を通過しますcheckBoxObj

checkBoxObj:{
    checked: false
}

checkedサブアセンブリのチェックボックスにVモデルによる結合は、その後、変更しようとすると、チェックボックスをクリックしcheckedた値を、時には逆のチェックボックスがチェックされている、問題が同期していない、チェックされて見つけます。

溶液(しよう)

小道具のcheckBoxObj値は、データの値に割り当てられていますcheckBoxData

this.checkBoxData = this.checkBoxObj;

それが直接割り当てているので、修正し、また関係への参照がある同等の変更したがって、このバグは発生しません。checkBoxDatacheckedcheckBoxObjchecked

そして、単に編集checkedプロパティ値checkBoxDataは、直接値が上を通過プロップ変更しないでください。

おすすめ

転載: www.cnblogs.com/lvonve/p/11994254.html