質問編集履歴
7
タイトル変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Vue.js 変更をリアルタイムで反映したい
|
1
|
+
Vue.js 配列の一部の変更をリアルタイムで反映したい
|
test
CHANGED
File without changes
|
6
説明追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -27,6 +27,12 @@
|
|
27
27
|
(ぽちぽちクリックしたあとにラジオボタンのステータスを変更するとなぜかそのときに変更が反映される)
|
28
28
|
|
29
29
|
|
30
|
+
|
31
|
+
##試してみたこと
|
32
|
+
|
33
|
+
`v-bind`を使うと思ったので、ループの一番外で
|
34
|
+
|
35
|
+
`v-bind="arrayList"`としたが変わらなかった
|
30
36
|
|
31
37
|
```vue
|
32
38
|
|
5
説明文
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,12 +1,14 @@
|
|
1
|
-
##
|
1
|
+
##機能
|
2
2
|
|
3
|
+
####初期状態
|
4
|
+
|
3
|
-
ステータス変更のラジオボタン
|
5
|
+
ステータス変更用のラジオボタン
|
4
6
|
|
5
7
|
[●OK][○NG]
|
6
8
|
|
7
9
|
|
8
10
|
|
9
|
-
OKとNGのリスト
|
11
|
+
OKとNGのリスト並んでいる状態
|
10
12
|
|
11
13
|
【OK】【NG】【NG】【OK】【OK】【NG】
|
12
14
|
|
4
test
CHANGED
File without changes
|
test
CHANGED
@@ -68,7 +68,7 @@
|
|
68
68
|
|
69
69
|
return {
|
70
70
|
|
71
|
-
picked: '',
|
71
|
+
picked: '1',
|
72
72
|
|
73
73
|
}
|
74
74
|
|
3
test
CHANGED
File without changes
|
test
CHANGED
@@ -88,7 +88,7 @@
|
|
88
88
|
|
89
89
|
changeStatus(picked, key) {
|
90
90
|
|
91
|
-
this.array[key].status = picked
|
91
|
+
this.arrayList[key].status = picked
|
92
92
|
|
93
93
|
}
|
94
94
|
|
2
質問の文章を詳細に
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,20 +1,28 @@
|
|
1
|
+
##前提
|
2
|
+
|
1
3
|
ステータス変更のラジオボタン
|
2
4
|
|
3
5
|
[●OK][○NG]
|
4
6
|
|
5
7
|
|
6
8
|
|
7
|
-
OKとNGのリストが画面に表示されている
|
9
|
+
OKとNGのリストが画面に表示されている状態
|
8
10
|
|
9
11
|
【OK】【NG】【NG】【OK】【OK】【NG】
|
10
12
|
|
11
13
|
|
12
14
|
|
15
|
+
##やりたいこと
|
16
|
+
|
13
|
-
ラジオボタンで選択しているステータスで【 】をクリックするとそのステータスの文字に変更
|
17
|
+
ラジオボタンで選択しているステータスで【 】をクリックするとそのステータスの文字に変更する
|
14
18
|
|
15
19
|
|
16
20
|
|
21
|
+
##できていないこと
|
22
|
+
|
23
|
+
クリック時にリアルタイムで反映されない
|
24
|
+
|
17
|
-
ぽちぽちクリックしたあとにラジオボタンのステータスを変更するとなぜかそのときに変更が反映される
|
25
|
+
(ぽちぽちクリックしたあとにラジオボタンのステータスを変更するとなぜかそのときに変更が反映される)
|
18
26
|
|
19
27
|
|
20
28
|
|
1
typo
test
CHANGED
File without changes
|
test
CHANGED
@@ -80,7 +80,7 @@
|
|
80
80
|
|
81
81
|
changeStatus(picked, key) {
|
82
82
|
|
83
|
-
this.
|
83
|
+
this.array[key].status = picked
|
84
84
|
|
85
85
|
}
|
86
86
|
|