17.nuxt.jsのvuexでパスワード制限:index.html

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 17.nuxt.jsのvuexでパスワード制限:index.html [2019/02/08] – [ログイン後のみ閲覧可能なコンポーネントを作成] adash333
+++ 17.nuxt.jsのvuexでパスワード制限:index.html [2019/02/08] (現在) – [ソースコード] adash333
@@ 行 27: / 行 27: @@
 ソースコード
+https://github.com/adash333/Nuxt-Vuex-FireAuth
+スクリーンショット
+{{:17.nuxt.jsのvuexでパスワード制限:pasted:20190208-104526.png}}
-Demo
+{{:17.nuxt.jsのvuexでパスワード制限:pasted:20190208-104605.png}}
+{{:17.nuxt.jsのvuexでパスワード制限:pasted:20190208-104403.png}}
 ===== 開発環境 =====
@@ 行 399: / 行 400: @@
 <code>
 <template>
-<v-flex xs12 sm6 offset-sm3>
+  <v-flex xs12 sm6 offset-sm3>
-        <v-card class="elevation-12">
+    <v-card class="elevation-12">
-  <members-only>
+      <members-only>
-    <h1>ログインしていないと見れないページ</h1>
+        <v-toolbar dark color="primary">
-    <a href="/account">アカウントページへ</a>
+          <v-toolbar-title>ログインしていないと見れないページ</v-toolbar-title>
-  </members-only>
+            <v-spacer></v-spacer>
- </v-card>
+          </v-toolbar>
-</v-flex>
+          <v-card-text>
+           ログイン中です<br>
+            <a href="/account">アカウントページへ</a>
+          </v-card-text>
+      </members-only>
+    </v-card>
+  </v-flex>
 </template>
@@ 行 420: / 行 427: @@
 </code>
+{{:17.nuxt.jsのvuexでパスワード制限:pasted:20190208-103951.png}}
+ログインしていない状態だと、member-pageから、accountに自動的に飛びます。
+今回は以上となります。
@@ 行 440: / 行 450: @@
-===== Nuxt.jsのvuex（モジュールモード）でパスワード制限 =====
@@ 行 447: / 行 455: @@
 ===== ソースコード =====
 ソースコード
+https://github.com/adash333/Nuxt-Vuex-FireAuth
 DEMO
+{{:17.nuxt.jsのvuexでパスワード制限:pasted:20190208-104651.png}}
 ===== 今回写経させて頂いたサイト =====

17.nuxt.jsのvuexでパスワード制限/index.html.1549620446.txt.gz · 最終更新: 2019/02/08 by adash333