質問編集履歴

1

質問文挿入

2020/02/24 21:18

投稿

naomi3
naomi3

スコア1105

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,53 @@
1
+ 失礼しました。質問文が消えていました。
2
+
3
+
4
+
5
+ ### 前提・実現したいこと
6
+
7
+
8
+
9
+ Vueの勉強のため、Excelの「課題管理シート」のWeb化を行っています。
10
+
11
+
12
+
13
+ 0. 最上の「+」ボタンクリックで、空の「課題」行を下に追加。
14
+
15
+ 0. 各行の「+」ボタンクリックで、空の「課題」行がなければ、「No.Xの関連課題」というリンクを持つ「課題」行を追加。
16
+
17
+ 0. 各行の「+」ボタンクリックで、空の「課題」行があれば、最上の空の「課題」行に「No.Xの関連課題」というリンクを挿入。
18
+
19
+
20
+
21
+ ### 発生している問題・エラーメッセージ
22
+
23
+
24
+
25
+ 1.と2.ができるものの、3.でリンクが描画されません。
26
+
27
+ ネット記事で「spliceなどを使えばリレンダーされる」とのことですが、リレンダーされません。
28
+
29
+ どうぞご教授お願い致します。
30
+
31
+
32
+
33
+ ### 試したこと
34
+
35
+
36
+
37
+ this.$set(this.tasks, index, task);
38
+
39
+
40
+
41
+ ### 補足情報(FW/ツールのバージョンなど)
42
+
43
+
44
+
45
+ @vue/cli 4.2.2
46
+
47
+
48
+
49
+
50
+
1
51
  ```Vue
2
52
 
3
53
  <template>
@@ -148,7 +198,7 @@
148
198
 
149
199
  let task = JSON.parse(this.newTask);
150
200
 
151
- task.relatedTo = relatedToNumero;
201
+ task.relatedTo = relatedToNumero; // これが反映されない
152
202
 
153
203
  this.tasks.splice(this.index, 1, task);
154
204
 
@@ -158,7 +208,7 @@
158
208
 
159
209
  index = this.addTask();
160
210
 
161
- this.tasks[index].relatedTo = relatedToNumero;
211
+ this.tasks[index].relatedTo = relatedToNumero; // これは反映される
162
212
 
163
213
  }
164
214