質問編集履歴
8
タイトル変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Nuxt.js
|
1
|
+
Nuxt.js asyncDataの値をセットして、dispatchさせたい
|
test
CHANGED
File without changes
|
7
ee
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Nuxt.js metodsのなかにasyncDataの値をセットする
|
1
|
+
Nuxt.js methodsのなかにasyncDataの値をセットする
|
test
CHANGED
File without changes
|
6
ええ
test
CHANGED
File without changes
|
test
CHANGED
@@ -214,6 +214,10 @@
|
|
214
214
|
|
215
215
|
上記2つのthisがありますが、これらが実際に何を指している「this」なのかわかっていないです。。
|
216
216
|
|
217
|
+
this.formDataがasyncDataの値をセットしてくれていないのだなとはエラーから察しました。
|
218
|
+
|
219
|
+
|
220
|
+
|
217
221
|
これらのthisが何を指しているのか、そしてどうすればうまく値を渡せるのかを解決していただきたい。
|
218
222
|
|
219
223
|
vue.jsとNuxt.jsに詳しい方がいらっしゃいましたら是非ご教示願います。
|
5
ええ
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,6 +10,8 @@
|
|
10
10
|
|
11
11
|
【Nuxt.js】 2.2.0
|
12
12
|
|
13
|
+
【UI】 Vuetify
|
14
|
+
|
13
15
|
|
14
16
|
|
15
17
|
##実現したいこと
|
@@ -212,6 +214,6 @@
|
|
212
214
|
|
213
215
|
上記2つのthisがありますが、これらが実際に何を指している「this」なのかわかっていないです。。
|
214
216
|
|
215
|
-
これらのthisが何を指しているのか、そしてどうすればうまく値を渡せるのか
|
217
|
+
これらのthisが何を指しているのか、そしてどうすればうまく値を渡せるのかを解決していただきたい。
|
216
218
|
|
217
219
|
vue.jsとNuxt.jsに詳しい方がいらっしゃいましたら是非ご教示願います。
|
4
ええ
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,11 +18,11 @@
|
|
18
18
|
|
19
19
|
①<v-text-field>にユーザー名を打ち込み、<v-btn>を押す。
|
20
20
|
|
21
|
-
②打ち込まれた
|
21
|
+
②打ち込まれた値(formData.idにあたります)をdispatch("register")に持たせて、vuex(store/index.js)のロジックに進む。
|
22
|
-
|
22
|
+
|
23
|
-
③actions→mutations→state
|
23
|
+
③vuexの処理としてactions→mutations→stateと進み、[user]がセットされる。
|
24
|
-
|
24
|
+
|
25
|
-
④gettersで
|
25
|
+
④gettersで[user]を取得して、『ログインしてます。』のところにレンダリングする。
|
26
26
|
|
27
27
|
|
28
28
|
|
3
ええ
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,6 +14,8 @@
|
|
14
14
|
|
15
15
|
##実現したいこと
|
16
16
|
|
17
|
+
実現したいことを順番にまとめました。
|
18
|
+
|
17
19
|
①<v-text-field>にユーザー名を打ち込み、<v-btn>を押す。
|
18
20
|
|
19
21
|
②打ち込まれた文字をもって、dispatch("register")をして、vuex(store/index.js)のロジックに進む。
|
2
d
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,6 +2,16 @@
|
|
2
2
|
|
3
3
|
Nuxt.jsを使用してます。
|
4
4
|
|
5
|
+
|
6
|
+
|
7
|
+
【node.js】 8.11.4
|
8
|
+
|
9
|
+
【npm】 6.4.1
|
10
|
+
|
11
|
+
【Nuxt.js】 2.2.0
|
12
|
+
|
13
|
+
|
14
|
+
|
5
15
|
##実現したいこと
|
6
16
|
|
7
17
|
①<v-text-field>にユーザー名を打ち込み、<v-btn>を押す。
|
@@ -22,7 +32,7 @@
|
|
22
32
|
|
23
33
|
|
24
34
|
|
25
|
-
``vue
|
35
|
+
```vue
|
26
36
|
|
27
37
|
<template>
|
28
38
|
|
@@ -172,6 +182,8 @@
|
|
172
182
|
|
173
183
|
|
174
184
|
|
185
|
+
```
|
186
|
+
|
175
187
|
|
176
188
|
|
177
189
|
##問題になっているのは
|
@@ -201,15 +213,3 @@
|
|
201
213
|
これらのthisが何を指しているのか、そしてどうすればうまく値を渡せるのかなどを教えていただきたいです。
|
202
214
|
|
203
215
|
vue.jsとNuxt.jsに詳しい方がいらっしゃいましたら是非ご教示願います。
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
### 補足情報(FW/ツールのバージョンなど)
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
【node.js】 8.11.4
|
212
|
-
|
213
|
-
【npm】 6.4.1
|
214
|
-
|
215
|
-
【Nuxt.js】 2.2.0
|
1
ええ
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Nuxt.js metodsのなかにasyncDataの
|
1
|
+
Nuxt.js metodsのなかにasyncDataの値をセットする
|
test
CHANGED
File without changes
|