VUEでのグローバル変数を定義して使用します

VUEでのグローバル変数を定義して使用します

---

1.仕事で直面する問題の2つのタイプが

---

1.1状態の値（フラグ）

いくつかの他のインタフェースを使用する記録状態（フラグ）として変数値を割り当てインタフェース。他のいくつかのインタフェースは、ステータス値を変更することがあります。

フィールド1.2を渡します

インターフェースは、フィールドAを有し、Bはインタフェースのフィールドではなく、フィールドと呼ばれることが必要です。

2.ソリューション

---

2.1 VUEX

VUEX管理状態フィールドの値を使用しますが、やり過ぎ感、やや目立つ少し重いがあります。

グローバル変数stateフィールド値を使用して、2.2管理方法

軽量でシンプル。
そこで、本稿では1を提起した二つの問題を解決するために、グローバル変数のメソッドを使用しています

3.実現

---

3.1グローバル・ファイルの作成

ツールフォルダで、glabal_val.jsを作成

3.2次のようにグローバル変数を作成するための方法およびグローバル変数の設定がされています

export default{
  sso_flag:"0",
  set_sso_lag(sso_flag){
     this.sso_flag = sso_flag;
  }
}

3.3インポートデータ（グローバル変数）

import global from '@/utils/global_val'

3.4インターフェイスステータスビットのグローバル変数

global.set_sso_lag(1)

Bインタフェースの3.5が決定されます

VUE DOMインターフェースタグV-IF、V-ELSE-IF命令決意ロジックと一緒にB

<div v-if="global.sso_flag==0">

</div>
<div v-else-if="global.sso_flag==1">

</div>