Vueにおけるグローバル変数の定義と使用


1.仕事で出会った二つの問題
--------------------------------------------------
1.1状態値(フラグ)
Aインターフェースの変数は、記録状態値(フラグ)として他のいくつかのインターフェースで使用される必要があります。他のいくつかの界面もa状態値を変えることができる。
1.2リレーフィールド
Aインターフェースにはaフィールドがあり、Bインターフェースにはaフィールドがないが、aフィールドを呼び出す必要がある。
2.解決方法
--------------------------------------------------
2.1 VUEX
VUEXを使って状態とフィールド値を管理しますが、鶏肉を殺して牛刀を使うような感じがします。ちょっと重いです。
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_val3.4 Aインターフェースにグローバル変数の状態ビットを設定する

global.set_sso_flag(1)
  global.set_sso_flag=this.sso_flag      
3.5 Bインターフェースで判断する
BインターフェースDOMラベルにVUEのv-infを結合して、v-else-if命令で論理判断を行います。

<div v-if="global.sso_flag==0">
</div>
<div v-else-if="global.sso_flag==1">
</div>
締め括りをつける
以上は小编でご绍介したVUEのグローバル変数の定义と使用です。皆さんに助けてほしいです。もし何か疑问がありましたら、メッセージをください。小编はすぐに皆さんに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
本文があなたのためになると思ったら、転載を歓迎します。出所を明記してください。ありがとうございます。