質問編集履歴

7

タイトル変更

2020/06/20 08:00

投稿

tsu2772
tsu2772

スコア9

test CHANGED
@@ -1 +1 @@
1
- Vue.js 変更をリアルタイムで反映したい
1
+ Vue.js 配列の一部の変更をリアルタイムで反映したい
test CHANGED
File without changes

6

説明追加

2020/06/20 08:00

投稿

tsu2772
tsu2772

スコア9

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

説明文

2020/06/20 07:46

投稿

tsu2772
tsu2772

スコア9

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

2020/06/20 07:43

投稿

tsu2772
tsu2772

スコア9

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

2020/06/20 07:09

投稿

tsu2772
tsu2772

スコア9

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

質問の文章を詳細に

2020/06/20 06:57

投稿

tsu2772
tsu2772

スコア9

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

2020/06/20 05:21

投稿

tsu2772
tsu2772

スコア9

test CHANGED
File without changes
test CHANGED
@@ -80,7 +80,7 @@
80
80
 
81
81
  changeStatus(picked, key) {
82
82
 
83
- this.motimemos[key].status = picked
83
+ this.array[key].status = picked
84
84
 
85
85
  }
86
86