VueTreeselect は不明なソリューションのように見えます

場合によっては、なぜすべてが正しいのか理解できず、バグが発生することもあります

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(() => {}) を使用しないでください。値に影響します。

おすすめ

転載: blog.csdn.net/weixin_49668076/article/details/130945233