16.vue.jsのvuexでパスワード制限:index.html
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
16.vue.jsのvuexでパスワード制限:index.html [2019/01/31] – [src/components/Authentication.vueにGoogleログインを実装] adash333 | 16.vue.jsのvuexでパスワード制限:index.html [2019/02/01] (現在) – [開発環境] adash333 | ||
---|---|---|---|
行 24: | 行 24: | ||
ソースコード | ソースコード | ||
+ | https:// | ||
https:// | https:// | ||
- | |||
- | 作成中 | ||
Demo | Demo | ||
+ | https:// | ||
+ | {{: | ||
+ | {{: | ||
+ | {{: | ||
+ | {{: | ||
+ | |||
===== 開発環境 ===== | ===== 開発環境 ===== | ||
- | |||
< | < | ||
Chrome | Chrome | ||
行 368: | 行 372: | ||
+ | |||
+ | |||
+ | |||
+ | ==== ログイン/ | ||
+ | かなり厳しい。。。名前を表示するのはあきらめようかと思います。 | ||
+ | {{: | ||
+ | |||
+ | Vuetifyの< | ||
+ | |||
+ | とりあえず、< | ||
+ | |||
+ | {{: | ||
+ | |||
+ | ちなみに、< | ||
+ | < | ||
+ | <style scoped> | ||
+ | * { | ||
+ | text-transform: | ||
+ | } | ||
+ | </ | ||
+ | </ | ||
参考:https:// | 参考:https:// | ||
行 373: | 行 398: | ||
| | ||
+ | ===== App.vueの< | ||
- | ==== ログイン/ | + | src/ |
- | かなり厳しい。。。名前を表示するのはあきらめようかと思います。 | + | (変更前) |
- | {{: | + | {{: |
+ | (変更後) | ||
+ | {{: | ||
+ | |||
+ | src/ | ||
+ | (変更前) | ||
+ | {{: | ||
+ | (変更後) | ||
+ | {{: | ||
+ | |||
+ | src/ | ||
+ | (変更前) | ||
+ | {{: | ||
+ | (変更後) | ||
+ | {{: | ||
+ | |||
+ | ===== Home.vueの編集 ===== | ||
+ | 中身を変えます。Home.vueはログイン前後で変化なしにしようと思います。 | ||
+ | (変更前) | ||
+ | {{: | ||
+ | (変更後) | ||
+ | {{: | ||
+ | |||
+ | |||
+ | |||
+ | 途中ですが、ここまでのソースコード | ||
+ | {{ : | ||
+ | |||
+ | ===== About.vueの編集 ===== | ||
+ | ログインした状態で、ログインした人の名前を表示しようと思います。 | ||
+ | https:// | ||
+ | |||
+ | < | ||
+ | <script src=" | ||
+ | </ | ||
+ | |||
+ | (変更前) | ||
+ | {{: | ||
+ | (変更後) | ||
+ | {{: | ||
+ | {{: | ||
+ | {{: | ||
+ | |||
+ | 今回はここまでとなります。 | ||
+ | |||
+ | 参考:https:// | ||
+ | |||
+ | |||
+ | ===== ソースコード ===== | ||
+ | https:// | ||
+ | https:// | ||
+ | |||
+ | Demo | ||
+ | https:// | ||
+ | {{: | ||
16.vue.jsのvuexでパスワード制限/index.html.1548894554.txt.gz · 最終更新: 2019/01/31 by adash333