質問編集履歴
2
内容修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
mutation
|
1
|
+
mutationハンドラを使いまわしをしたい。
|
test
CHANGED
@@ -26,7 +26,7 @@
|
|
26
26
|
|
27
27
|
# 目標
|
28
28
|
|
29
|
-
**mutation
|
29
|
+
**mutationハンドラを再利用したい**
|
30
30
|
|
31
31
|
|
32
32
|
|
@@ -58,7 +58,7 @@
|
|
58
58
|
|
59
59
|
```
|
60
60
|
|
61
|
-
しかし、vuexを用いてストアのミューテーション
|
61
|
+
しかし、vuexを用いてストアのミューテーションハンドラを同じようにthisで使いましようとしたところ次のようなエラーを吐きました。
|
62
62
|
|
63
63
|
![イメージ説明](aae3445fd7b00021df0b28d2a527b04e.png)
|
64
64
|
|
@@ -96,7 +96,7 @@
|
|
96
96
|
|
97
97
|
|
98
98
|
|
99
|
-
➂ ちなみにtemplateJson
|
99
|
+
➂ ちなみにtemplateJsonハンドラを使いまわさなければエラーを吐きませんでした。
|
100
100
|
|
101
101
|
index/index.js
|
102
102
|
|
@@ -138,7 +138,7 @@
|
|
138
138
|
|
139
139
|
|
140
140
|
|
141
|
-
➂ templateJson
|
141
|
+
➂ templateJsonハンドラを使わず、mutationハンドラの使いまわしをしなかったときのブランチの全コード(正常に動く)
|
142
142
|
|
143
143
|
[https://github.com/masal9pse/courageTodo/tree/vuex](https://github.com/masal9pse/courageTodo/tree/vuex)
|
144
144
|
|
1
内容修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
mutation
|
1
|
+
mutation内でメソッドを使いまわしをしたい。
|
test
CHANGED
@@ -1,4 +1,36 @@
|
|
1
|
-
# や
|
1
|
+
# やっていること
|
2
|
+
|
3
|
+
vuetify+vue-cliで講義の欠席回数カウントするTodoリストを作っています。
|
4
|
+
|
5
|
+
[https://vuejs-http-e3587.firebaseapp.com/](https://vuejs-http-e3587.firebaseapp.com/)
|
6
|
+
|
7
|
+
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
+
#環境
|
12
|
+
|
13
|
+
windows10(64)
|
14
|
+
|
15
|
+
"vue": "^2.6.10",
|
16
|
+
|
17
|
+
"vuetify": "^2.1.0",
|
18
|
+
|
19
|
+
"vue-cli":"3.11.0",
|
20
|
+
|
21
|
+
"node":"v11.13.0"
|
22
|
+
|
23
|
+
プログラミング歴 4か月ほど
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
# 目標
|
28
|
+
|
29
|
+
**mutation内でエラーを吐かずにメソッドを再利用したい**
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
# 現状と発生している問題点
|
2
34
|
|
3
35
|
➀ vue-cliの単一ファイルコンポーネントでメソッドの使いまわしをするには、thisを用いて下記のことをします。
|
4
36
|
|
@@ -26,7 +58,7 @@
|
|
26
58
|
|
27
59
|
```
|
28
60
|
|
29
|
-
しかし、vuexを用いてストア
|
61
|
+
しかし、vuexを用いてストアのミューテーション内でメソッドを管理して同じようにthisで使いましようとしたところ次のようなエラーを吐きました。
|
30
62
|
|
31
63
|
![イメージ説明](aae3445fd7b00021df0b28d2a527b04e.png)
|
32
64
|
|
@@ -88,7 +120,7 @@
|
|
88
120
|
|
89
121
|
|
90
122
|
|
91
|
-
mutation内でエラーを吐かずにメソッドを使いまわすにはどうすればよいでしょうか。
|
123
|
+
**mutation内でエラーを吐かずにメソッドを使いまわすにはどうすればよいでしょうか。アドバイスあればお願いします。**
|
92
124
|
|
93
125
|
|
94
126
|
|
@@ -109,3 +141,9 @@
|
|
109
141
|
➂ templateJsonメソッドを使わず、mutation内でメソッドの使いまわしをしなかったときのブランチの全コード(正常に動く)
|
110
142
|
|
111
143
|
[https://github.com/masal9pse/courageTodo/tree/vuex](https://github.com/masal9pse/courageTodo/tree/vuex)
|
144
|
+
|
145
|
+
|
146
|
+
|
147
|
+
参考にしたサイト
|
148
|
+
|
149
|
+
[https://cleysense.com/blog/call-another-method-in-the-method-with-vuejs/](https://cleysense.com/blog/call-another-method-in-the-method-with-vuejs/)
|