質問編集履歴
2
内容修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
mutation
|
|
1
|
+
mutationハンドラを使いまわしをしたい。
|
body
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
プログラミング歴 ４か月ほど
|
|
13
13
|
|
|
14
14
|
# 目標
|
|
15
|
-
**mutation
|
|
15
|
+
**mutationハンドラを再利用したい**
|
|
16
16
|
|
|
17
17
|
# 現状と発生している問題点
|
|
18
18
|
➀ vue-cliの単一ファイルコンポーネントでメソッドの使いまわしをするには、thisを用いて下記のことをします。
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
this.isActive = false;
|
|
29
29
|
},
|
|
30
30
|
```
|
|
31
|
-
しかし、vuexを用いてストアのミューテーション
|
|
31
|
+
しかし、vuexを用いてストアのミューテーションハンドラを同じようにthisで使いましようとしたところ次のようなエラーを吐きました。
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
➁ そのエラーを吐いた時のソースコード
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
}
|
|
48
48
|
```
|
|
49
49
|
|
|
50
|
-
➂ ちなみにtemplateJson
|
|
50
|
+
➂ ちなみにtemplateJsonハンドラを使いまわさなければエラーを吐きませんでした。
|
|
51
51
|
index/index.js
|
|
52
52
|
```
|
|
53
53
|
mutations:{
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
[https://github.com/masal9pse/courageTodo/tree/vuex2](https://github.com/masal9pse/courageTodo/tree/vuex2)
|
|
69
69
|
|
|
70
70
|
|
|
71
|
-
➂ templateJson
|
|
71
|
+
➂ templateJsonハンドラを使わず、mutationハンドラの使いまわしをしなかったときのブランチの全コード（正常に動く）
|
|
72
72
|
[https://github.com/masal9pse/courageTodo/tree/vuex](https://github.com/masal9pse/courageTodo/tree/vuex)
|
|
73
73
|
|
|
74
74
|
参考にしたサイト
|
1
内容修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
mutation
|
|
1
|
+
mutation内でメソッドを使いまわしをしたい。
|
body
CHANGED
|
@@ -1,4 +1,20 @@
|
|
|
1
|
-
# や
|
|
1
|
+
# やっていること
|
|
2
|
+
vuetify＋vue-cliで講義の欠席回数カウントするTodoリストを作っています。
|
|
3
|
+
[https://vuejs-http-e3587.firebaseapp.com/](https://vuejs-http-e3587.firebaseapp.com/)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
#環境
|
|
7
|
+
windows10(64)
|
|
8
|
+
"vue": "^2.6.10",
|
|
9
|
+
"vuetify": "^2.1.0",
|
|
10
|
+
"vue-cli":"3.11.0",
|
|
11
|
+
"node":"v11.13.0"
|
|
12
|
+
プログラミング歴 ４か月ほど
|
|
13
|
+
|
|
14
|
+
# 目標
|
|
15
|
+
**mutation内でエラーを吐かずにメソッドを再利用したい**
|
|
16
|
+
|
|
17
|
+
# 現状と発生している問題点
|
|
2
18
|
➀ vue-cliの単一ファイルコンポーネントでメソッドの使いまわしをするには、thisを用いて下記のことをします。
|
|
3
19
|
|
|
4
20
|
Count.vue
|
|
@@ -12,7 +28,7 @@
|
|
|
12
28
|
this.isActive = false;
|
|
13
29
|
},
|
|
14
30
|
```
|
|
15
|
-
しかし、vuexを用いてストア
|
|
31
|
+
しかし、vuexを用いてストアのミューテーション内でメソッドを管理して同じようにthisで使いましようとしたところ次のようなエラーを吐きました。
|
|
16
32
|
|
|
17
33
|
|
|
18
34
|
➁ そのエラーを吐いた時のソースコード
|
|
@@ -43,7 +59,7 @@
|
|
|
43
59
|
}
|
|
44
60
|
```
|
|
45
61
|
|
|
46
|
-
mutation内でエラーを吐かずにメソッドを使いまわすにはどうすればよいでしょうか。
|
|
62
|
+
**mutation内でエラーを吐かずにメソッドを使いまわすにはどうすればよいでしょうか。アドバイスあればお願いします。**
|
|
47
63
|
|
|
48
64
|
# github全コード
|
|
49
65
|
➀ vuexを使用していないブランチの全コード（正常に動く）
|
|
@@ -53,4 +69,7 @@
|
|
|
53
69
|
|
|
54
70
|
|
|
55
71
|
➂ templateJsonメソッドを使わず、mutation内でメソッドの使いまわしをしなかったときのブランチの全コード（正常に動く）
|
|
56
|
-
[https://github.com/masal9pse/courageTodo/tree/vuex](https://github.com/masal9pse/courageTodo/tree/vuex)
|
|
72
|
+
[https://github.com/masal9pse/courageTodo/tree/vuex](https://github.com/masal9pse/courageTodo/tree/vuex)
|
|
73
|
+
|
|
74
|
+
参考にしたサイト
|
|
75
|
+
[https://cleysense.com/blog/call-another-method-in-the-method-with-vuejs/](https://cleysense.com/blog/call-another-method-in-the-method-with-vuejs/)
|