ホームページ > ウェブフロントエンド > jsチュートリアル > Vue はユーザーがログインしているかどうかを判断します

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

php中世界最好的语言
リリース: 2018-05-24 16:46:12
オリジナル
6886 人が閲覧しました

今回は、ユーザーがログインしているかどうかを判定する 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート