場合によっては、なぜすべてが正しいのか理解できず、バグが発生することもあります
VueTreeselect が不明なように見えますが、より一般的な理由は次のとおりです。
1. バインドされた値がデータ内の空の文字列として定義され、null に変更されます。
2. ノーマライザー属性。バックエンドによって返された形式を VueTreeselect の形式に変換します。
normalizer(node) {
if (node.children && !node.children.length) {
delete node.children
}
return {
id: node.id,
code: node.code,
label: node.name,
children: node.children && node.children.length > 0 ? node.children : 0,
}
}
3. 解決策がない場合は、別の可能性があります。つまり、ノードをクリックしたときの値が間違っています。
ノードをクリックしたときにノードを出力すると、値を割り当てるときに this.$nextTick(() => {}) のレイヤーがあるため、取得できるのは ID のみで、その他は取得できないことがわかります。
ノード イベントで割り当てをラップするために this.$nextTick(() => {}) を使用しないでください。値に影響します。