質問編集履歴
3
」」
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -127,30 +127,4 @@
|
|
|
127
127
|
- 対応するActionsのメソッドregisterに引数としてpayload値を持たせて、dispatchしてほしい。
|
|
128
128
|
- dispatchが完了後に、payload値をnullにしたいです。この場合はasync awaitを使って実装するべきなのでしょうか。非同期についてあまり詳しくなく、もしawaitさせるべきでしたらさせたいです。
|
|
129
129
|
|
|
130
|
-
vue,vuexに詳しい方がいらっしゃいましたらお手数ではご教示をお願い致します。
|
|
130
|
+
vue,vuexに詳しい方がいらっしゃいましたらお手数ではご教示をお願い致します。
|
|
131
|
-
|
|
132
|
-
### 追記ソース
|
|
133
|
-
```html
|
|
134
|
-
<script>
|
|
135
|
-
import { mapGetters, mapActions } from "vuex";
|
|
136
|
-
|
|
137
|
-
export default {
|
|
138
|
-
asyncData() {
|
|
139
|
-
return {
|
|
140
|
-
msg: "新しくユーザを追加することができます",
|
|
141
|
-
payload: { id: null }
|
|
142
|
-
};
|
|
143
|
-
},
|
|
144
|
-
methods: {
|
|
145
|
-
...mapActions("users", ["register"])
|
|
146
|
-
},
|
|
147
|
-
mounted() {
|
|
148
|
-
this.register(this.payload);
|
|
149
|
-
this.payload.id = null;
|
|
150
|
-
},
|
|
151
|
-
computed: {
|
|
152
|
-
...mapGetters("users", ["users"])
|
|
153
|
-
}
|
|
154
|
-
};
|
|
155
|
-
</script>
|
|
156
|
-
```
|
2
ｄｄ
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -129,6 +129,28 @@
|
|
|
129
129
|
|
|
130
130
|
vue,vuexに詳しい方がいらっしゃいましたらお手数ではご教示をお願い致します。
|
|
131
131
|
|
|
132
|
+
### 追記ソース
|
|
133
|
+
```html
|
|
132
|
-
|
|
134
|
+
<script>
|
|
135
|
+
import { mapGetters, mapActions } from "vuex";
|
|
133
136
|
|
|
137
|
+
export default {
|
|
138
|
+
asyncData() {
|
|
139
|
+
return {
|
|
140
|
+
msg: "新しくユーザを追加することができます",
|
|
141
|
+
payload: { id: null }
|
|
142
|
+
};
|
|
143
|
+
},
|
|
144
|
+
methods: {
|
|
145
|
+
...mapActions("users", ["register"])
|
|
146
|
+
},
|
|
147
|
+
mounted() {
|
|
148
|
+
this.register(this.payload);
|
|
149
|
+
this.payload.id = null;
|
|
150
|
+
},
|
|
151
|
+
computed: {
|
|
152
|
+
...mapGetters("users", ["users"])
|
|
153
|
+
}
|
|
154
|
+
};
|
|
134
|
-
|
|
155
|
+
</script>
|
|
156
|
+
```
|
1
いい
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
### vuexメソッド mapActionsを使いたいです。そして引数をセットしたいです。
|
|
2
2
|
vuexメソッド mapActionsを実装したいのですが、調べて実践してみましたが、エラーが出てしまい正しく実装できませんでした。
|
|
3
|
-
|
|
3
|
+
mapActionsを使うに、前正常に動くソースを記します。
|
|
4
4
|
|
|
5
5
|
###index.vue
|
|
6
6
|
```
|