質問編集履歴
1
質問文挿入
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
失礼しました。質問文が消えていました。
|
|
2
|
+
|
|
3
|
+
### 前提・実現したいこと
|
|
4
|
+
|
|
5
|
+
Vueの勉強のため、Excelの「課題管理シート」のWeb化を行っています。
|
|
6
|
+
|
|
7
|
+
0. 最上の「＋」ボタンクリックで、空の「課題」行を下に追加。
|
|
8
|
+
0. 各行の「＋」ボタンクリックで、空の「課題」行がなければ、「No.Xの関連課題」というリンクを持つ「課題」行を追加。
|
|
9
|
+
0. 各行の「＋」ボタンクリックで、空の「課題」行があれば、最上の空の「課題」行に「No.Xの関連課題」というリンクを挿入。
|
|
10
|
+
|
|
11
|
+
### 発生している問題・エラーメッセージ
|
|
12
|
+
|
|
13
|
+
1.と2.ができるものの、3.でリンクが描画されません。
|
|
14
|
+
ネット記事で「spliceなどを使えばリレンダーされる」とのことですが、リレンダーされません。
|
|
15
|
+
どうぞご教授お願い致します。
|
|
16
|
+
|
|
17
|
+
### 試したこと
|
|
18
|
+
|
|
19
|
+
this.$set(this.tasks, index, task);
|
|
20
|
+
|
|
21
|
+
### 補足情報（FW/ツールのバージョンなど）
|
|
22
|
+
|
|
23
|
+
@vue/cli 4.2.2
|
|
24
|
+
|
|
25
|
+
|
|
1
26
|
```Vue
|
|
2
27
|
<template>
|
|
3
28
|
<div id="app">
|
|
@@ -73,12 +98,12 @@
|
|
|
73
98
|
let index = this.firstEmptyTaskIndex();
|
|
74
99
|
if (index >= 0) {
|
|
75
100
|
let task = JSON.parse(this.newTask);
|
|
76
|
-
task.relatedTo = relatedToNumero;
|
|
101
|
+
task.relatedTo = relatedToNumero; // これが反映されない
|
|
77
102
|
this.tasks.splice(this.index, 1, task);
|
|
78
103
|
}
|
|
79
104
|
else {
|
|
80
105
|
index = this.addTask();
|
|
81
|
-
this.tasks[index].relatedTo = relatedToNumero;
|
|
106
|
+
this.tasks[index].relatedTo = relatedToNumero; // これは反映される
|
|
82
107
|
}
|
|
83
108
|
this.dirty = true;
|
|
84
109
|
return index;
|