質問編集履歴
8
タイトル変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Nuxt.js
|
|
1
|
+
Nuxt.js asyncDataの値をセットして、dispatchさせたい
|
body
CHANGED
|
File without changes
|
7
ee
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Nuxt.js
|
|
1
|
+
Nuxt.js methodsのなかにasyncDataの値をセットする
|
body
CHANGED
|
File without changes
|
6
ええ
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -106,5 +106,7 @@
|
|
|
106
106
|
`await this.$store`
|
|
107
107
|
`{ this.formData });`
|
|
108
108
|
上記２つのthisがありますが、これらが実際に何を指している「this」なのかわかっていないです。。
|
|
109
|
+
this.formDataがasyncDataの値をセットしてくれていないのだなとはエラーから察しました。
|
|
110
|
+
|
|
109
111
|
これらのthisが何を指しているのか、そしてどうすればうまく値を渡せるのかを解決していただきたい。
|
|
110
112
|
vue.jsとNuxt.jsに詳しい方がいらっしゃいましたら是非ご教示願います。
|
5
ええ
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
【node.js】 8.11.4
|
|
5
5
|
【npm】 6.4.1
|
|
6
6
|
【Nuxt.js】 2.2.0
|
|
7
|
+
【UI】 Vuetify
|
|
7
8
|
|
|
8
9
|
##実現したいこと
|
|
9
10
|
実現したいことを順番にまとめました。
|
|
@@ -105,5 +106,5 @@
|
|
|
105
106
|
`await this.$store`
|
|
106
107
|
`{ this.formData });`
|
|
107
108
|
上記２つのthisがありますが、これらが実際に何を指している「this」なのかわかっていないです。。
|
|
108
|
-
これらのthisが何を指しているのか、そしてどうすればうまく値を渡せるのか
|
|
109
|
+
これらのthisが何を指しているのか、そしてどうすればうまく値を渡せるのかを解決していただきたい。
|
|
109
110
|
vue.jsとNuxt.jsに詳しい方がいらっしゃいましたら是非ご教示願います。
|
4
ええ
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
##実現したいこと
|
|
9
9
|
実現したいことを順番にまとめました。
|
|
10
10
|
①<v-text-field>にユーザー名を打ち込み、<v-btn>を押す。
|
|
11
|
-
②打ち込まれた
|
|
11
|
+
②打ち込まれた値（formData.idにあたります）をdispatch("register")に持たせて、vuex（store/index.js）のロジックに進む。
|
|
12
|
-
③actions→mutations→state
|
|
12
|
+
③vuexの処理としてactions→mutations→stateと進み、[user]がセットされる。
|
|
13
|
-
④gettersで
|
|
13
|
+
④gettersで[user]を取得して、『ログインしてます。』のところにレンダリングする。
|
|
14
14
|
|
|
15
15
|
③④あたりは出来ていると思われます。
|
|
16
16
|
|
3
ええ
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
【Nuxt.js】 2.2.0
|
|
7
7
|
|
|
8
8
|
##実現したいこと
|
|
9
|
+
実現したいことを順番にまとめました。
|
|
9
10
|
①<v-text-field>にユーザー名を打ち込み、<v-btn>を押す。
|
|
10
11
|
②打ち込まれた文字をもって、dispatch("register")をして、vuex（store/index.js）のロジックに進む。
|
|
11
12
|
③actions→mutations→stateを値[user]がセットされる。
|
2
ｄ
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
# 前提・実現したいこと
|
|
2
2
|
Nuxt.jsを使用してます。
|
|
3
|
+
|
|
4
|
+
【node.js】 8.11.4
|
|
5
|
+
【npm】 6.4.1
|
|
6
|
+
【Nuxt.js】 2.2.0
|
|
7
|
+
|
|
3
8
|
##実現したいこと
|
|
4
9
|
①<v-text-field>にユーザー名を打ち込み、<v-btn>を押す。
|
|
5
10
|
②打ち込まれた文字をもって、dispatch("register")をして、vuex（store/index.js）のロジックに進む。
|
|
@@ -10,7 +15,7 @@
|
|
|
10
15
|
|
|
11
16
|
### ソースです。（cssなどは割愛しております）
|
|
12
17
|
|
|
13
|
-
``vue
|
|
18
|
+
```vue
|
|
14
19
|
<template>
|
|
15
20
|
<section class="container">
|
|
16
21
|
<div slot="header" class="clearfix">
|
|
@@ -85,6 +90,7 @@
|
|
|
85
90
|
}
|
|
86
91
|
}
|
|
87
92
|
|
|
93
|
+
```
|
|
88
94
|
|
|
89
95
|
##問題になっているのは
|
|
90
96
|
ユーザー名を打ち込んだときに、asyncDataのformData.idに双方向性バインディングで値がセットされます。
|
|
@@ -99,10 +105,4 @@
|
|
|
99
105
|
`{ this.formData });`
|
|
100
106
|
上記２つのthisがありますが、これらが実際に何を指している「this」なのかわかっていないです。。
|
|
101
107
|
これらのthisが何を指しているのか、そしてどうすればうまく値を渡せるのかなどを教えていただきたいです。
|
|
102
|
-
vue.jsとNuxt.jsに詳しい方がいらっしゃいましたら是非ご教示願います。
|
|
108
|
+
vue.jsとNuxt.jsに詳しい方がいらっしゃいましたら是非ご教示願います。
|
|
103
|
-
|
|
104
|
-
### 補足情報（FW/ツールのバージョンなど）
|
|
105
|
-
|
|
106
|
-
【node.js】 8.11.4
|
|
107
|
-
【npm】 6.4.1
|
|
108
|
-
【Nuxt.js】 2.2.0
|
1
ええ
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Nuxt.js metodsのなかにasyncDataの
|
|
1
|
+
Nuxt.js metodsのなかにasyncDataの値をセットする
|
body
CHANGED
|
File without changes
|