エル・タブは、リアルタイムの更新のスキルを切り替えたとき

デフォルトのポリシー・エル・タブは、読書に関わるすべてを要求するタブです

いつ、後に、タブの切り替え、無再読み出し動作のために。

これは、当然のことながら、道路整備の始まりだったではありません。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

トリックは、インターネットから学ぶことですが、私はまだ改善を行いました。

オンラインの例なので、単なる例示であり二十から三V-IFハンドオーバ、

私は五、六、それを持っていた場合は？七十八それ？

オンライン悪いの例としては、拡大しました。

だから私は、JSオブジェクトは、状況v-かの変数を維持することであるように設計しました

対応するタブに切り替えると、そのバックエンドのデータを入れて再起動要求する場合。

最新のデータを取得し、バックエンドのデータフローを読み取るための時間を削減することができるので。

地図上にまず、

この図では、また、追加、編集、およびコモンダイアログの機能実現を見ることに関し、そしてもう一つは言った~~

コードテンプレート（オブジェクトのJSを保持赤カットスイッチの状態）のA、EL-tabls

      <タブをクリック=「handleTabClick」@エル・タブタイプ=「カード」Vモデル=「activeName」>
          <エル・タブ・ペインラベル=「シングルリリース管理」名=「展開」値=「」>
              <展開リストV-IF = "tabRefresh.deploy" />
          </ EL-タブペイン>
          <エル・タブ・ペインラベル=「ビルドパラメータ」名前=「ビルド」>
              <ビルドリストV- 場合 = "tabRefresh.build" />
          </ EL-タブペイン>
          <EL-タブペインラベル= "K8S集群" 名前= "K8S">
              <K8S-リストV- 場合 = "tabRefresh.k8s" />
          </ EL-タブペイン>
          <EL-タブペインラベル= "YAML模板" 名前= "YAML">
              <YAMLリストV- 場合 = "tabRefresh.yaml" />
          </ EL-タブペイン>
          <エル・タブ・ペインラベル=「歴史の展開」名前=「歴史」>
              <展開リストV- 場合 = "tabRefresh.history" />
          </ EL-タブペイン>
      <EL-タブ/>

二、データオブジェクトVUE

      データ（）{
             リターン{
                activeName： "デプロイ" 、
                 tabRefresh：{
                    デプロイ：真、
                    ビルド：偽、
                    K8S：偽、
                    YAML：偽、
                    歴史：偽
                }
            }
        }、

切り替え時に機能がトリガされた第三に、そしてヘルパー関数の呼び出し

            handleTabClick：関数（タブ、イベント）{
                 スイッチ（この.activeName）{
                     ケース '展開' ：
                         this.switchTab（ 'デプロイ' ） 
                        はconsole.log（この.activeName）。
                        休憩;
                    ケース「ビルド」：
                         この .switchTab（「ビルド」）
                        console.log（この.activeName）。
                        休憩;
                    ケース 'K8S' ：
                         この .switchTab（ 'K8S' ）
                        console.log（この.activeName）。
                        休憩;
                    ケース 'YAML' ：
                         この .switchTab（ 'YAML' ）
                        console.log（この.activeName）。
                        休憩;
                    ケースの歴史」：
                         この .switchTab（「歴史」）
                        console.log（この.activeName）。
                        休憩;
                    デフォルト：
                        console.log（ '間違った選択' ）;

                }
            }、
            switchTab：関数（タブ）{
                 ため（Object.entriesの[キー値]（LET この.tabRefresh））{        
                     {（キー==タブ）場合
                        this.tabRefresh [キー] = TRUE 
                    } 他{
                         この .tabRefresh [キー] = 偽
                    }
                }
            }

エル・タブは、リアルタイムの更新のスキルを切り替えたとき

おすすめ