質問編集履歴
3
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -58,13 +58,13 @@
|
|
58
58
|
|
59
59
|
|
60
60
|
|
61
|
-
@Prop() public editForm!: string;
|
61
|
+
@Prop() public editForm!: string;
|
62
62
|
|
63
63
|
|
64
64
|
|
65
65
|
public insert(): void {
|
66
66
|
|
67
|
-
this.$store.commit('
|
67
|
+
this.$store.commit('insert', { content: this.content });//ここで受け取りたい
|
68
68
|
|
69
69
|
//値を空にする
|
70
70
|
|
@@ -76,7 +76,7 @@
|
|
76
76
|
|
77
77
|
public remove(todo: any): void {
|
78
78
|
|
79
|
-
return this.$store.commit('
|
79
|
+
return this.$store.commit('remove', todo);
|
80
80
|
|
81
81
|
}
|
82
82
|
|
@@ -84,7 +84,7 @@
|
|
84
84
|
|
85
85
|
public edit(index: any): void {
|
86
86
|
|
87
|
-
this.$store.commit('
|
87
|
+
this.$store.commit('edit', { editForm: this.editForm, index });
|
88
88
|
|
89
89
|
this.editForm = '';
|
90
90
|
|
@@ -100,9 +100,11 @@
|
|
100
100
|
|
101
101
|
|
102
102
|
|
103
|
-
v-modelを取得しようとすると`Cannot read property '$store' of null`といったエラーが発生してしまいます。
|
103
|
+
`v-model="content"`を取得しようとすると`Cannot read property '$store' of null`といったエラーが発生してしまいます。
|
104
104
|
|
105
105
|
Typescriptを使って書きたいと思っているのですが、うまく行きません。
|
106
|
+
|
107
|
+
`v-model="content"`のみ上手くいかず、`v-model="editForm"`は正常に動きます。
|
106
108
|
|
107
109
|
|
108
110
|
|
2
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -54,11 +54,11 @@
|
|
54
54
|
|
55
55
|
export default class index extends Vue {
|
56
56
|
|
57
|
-
@Prop() public content!: string;
|
57
|
+
@Prop() public content!: string; ////public content: string = '';もやってみた
|
58
58
|
|
59
59
|
|
60
60
|
|
61
|
-
@Prop() public editForm!: string;
|
61
|
+
@Prop() public editForm!: string;//public editForm: string = '';もやってみた
|
62
62
|
|
63
63
|
|
64
64
|
|
@@ -102,7 +102,7 @@
|
|
102
102
|
|
103
103
|
v-modelを取得しようとすると`Cannot read property '$store' of null`といったエラーが発生してしまいます。
|
104
104
|
|
105
|
-
|
105
|
+
Typescriptを使って書きたいと思っているのですが、うまく行きません。
|
106
106
|
|
107
107
|
|
108
108
|
|
@@ -110,7 +110,7 @@
|
|
110
110
|
|
111
111
|
0. get,setを使う
|
112
112
|
|
113
|
-
0. 下記の書き方だと正常にv-modelの取得はできるが今回は
|
113
|
+
0. 下記のjsの書き方だと正常にv-modelの取得はできるが今回はTypescriptを使ったやり方をしたい
|
114
114
|
|
115
115
|
|
116
116
|
|
1
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -50,7 +50,7 @@
|
|
50
50
|
|
51
51
|
<script lang="ts">
|
52
52
|
|
53
|
-
|
53
|
+
import { Component, Emit, Prop, Vue, Watch } from 'nuxt-property-decorator';
|
54
54
|
|
55
55
|
export default class index extends Vue {
|
56
56
|
|