[Vue の警告]: 親が変更されるたびに値が上書きされるため、prop を直接変更することは避けてください。

 注意:[Vue warn]: 親コンポーネントが再レンダリングされるたびに値が上書きされるため、プロップを直接変更することは避けてください。代わりに、プロパティの値に基づいてデータまたは計算されたプロパティを使用します。変更されるプロパティ:「値」。

翻訳: [Vue 警告]: 親コンポーネントが再レンダリングされるたびに値が上書きされるため、props を直接変更することは避けてください。代わりに、prop 値に基づいてデータまたは計算されたプロパティを使用する必要があります。prop が変更されました:「値」。簡単に言えば、props が受け取るプロパティ値を直接変更することはできません。

解決策: 子コンポーネントの data() で変数を再定義し、子コンポーネントの新しく定義された変数に props 属性を割り当て、属性 .sync を使用してデータを親コンポーネントに同期的に更新するだけで済みます。

本来の書き方:

親コンポーネント

サブアセンブリ

変更後、親コンポーネントは変更されず、子コンポーネントは次のようになります。

 

おすすめ

転載: blog.csdn.net/qq_58062502/article/details/128902886