フォーム割り当てに関する警告 値に関連付けられたフィールドをレンダリングする前にフォーム フィールドを設定することはできません。

a-tree-select はデータ ソースにバインドされています:tree-data="treeDatas[index]"。treeDatas がデフォルト値を設定している場合、ドロップダウン リストは正しく表示されますが、treeDatas がリクエスト インターフェイスを通じて割り当てられている場合、ドロップダウン リストを表示できません

解決:

リクエスト インターフェイスを通じて `treeDatas` を取得し、それを `a-tree-select` の `tree-data` 属性に割り当てても、ドロップダウン リストが正しく表示されない場合は、`a The -tree' が原因である可能性があります。 -select` コンポーネントは初期化されているため、データの変更を自動的に検出できません。
この問題を解決する 1 つの方法は、`Vue.set` または `this.$set` を使用して、データのリアクティブな更新を手動でトリガーすることです。これにより、「a-tree-select」コンポーネントが「treeDatas」への変更を検出し、ドロップダウンを適切にレンダリングすることが保証されます。
`Vue.set` または `this.$set` を使用して `treeDatas` を更新し、コードを次の形式に変更してみてください。

import Vue from 'vue';
// ...
// 在请求接口后更新treeDatas
that.treeDatas[index] = res.result;
Vue.set(that.treeDatas, index, res.result);
// 或者使用 this.$set
this.$set(that.treeDatas, index, res.result);


`Vue.set` または `this.$set` を使用すると、`treeDatas` のリアクティブ更新を手動でトリガーでき、`a-tree-select` コンポーネントがデータ変更を検出してドロップダウン リストを再レンダリングできるようになります。
`Vue.set` または `this.$set` を使用する場合、オブジェクト内のプロパティが正しく更新されるように、最初のパラメーターとして `treeDatas` 配列のインデックスを渡す必要があることに注意してください。
問題が解決しない場合は、問題の解決をより適切にサポートできるよう、さらにコードまたはエラー メッセージを提供してください。

おすすめ

転載: blog.csdn.net/qq_45530512/article/details/131769358