Vue はユーザーがログインしているかどうかを判断します

今回は、ユーザーがログインしているかどうかを判定する Vue について紹介します。 Vue がユーザーがログインしているかどうかを判定する際の注意点は何ですか? 以下は実際的なケースですので、見てみましょう。

ユーザーがログインしているかどうかを判断し、ログインしていない場合はログインルートルーティング

にジャンプし、ログインしている場合は通常にジャンプします。

一丶まず、ユーザーログインの前後にステータスを与えて、ユーザーがログインしているかどうかを識別します(vuexが推奨されます)。 分からない場合は、公式 Web サイトにアクセスして詳細を確認してください。 2 番目: ユーザーのログイン時にログイン ステータスを変更します。

3 つ。 : ここが重要なポイントです。 ルートエントリにナビゲーションフックを追加します。具体的な意味についてはコードを参照してください。

1: 検証が必要なルートを設定します

import Vue from ‘vue‘
import Vuex from ‘vuex‘
Vue.use(Vuex);
var state = {
  isLogin:0,     //初始时候给一个 isLogin=0 表示用户未登录
};
const mutations = {
  changeLogin(state,data){
    state.isLogin = data;
  }
};

2: ルートジャンプと検証

 this.$store.commit(‘changeLogin‘,‘100‘)   
 //登录后改变登录状态 isLogin = 100 ；

この記事を読んだあなたはケースメソッドをマスターしました。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

以上がVue はユーザーがログインしているかどうかを判断しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。