回答編集履歴
6
より正確に
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
データ取得前の段階では`plan`に`title.rendered`が存在しないためエラーになっている気がします。
|
|
2
2
|
|
|
3
|
-
（`plan.title`の場合エラーにならないのは、こちらは
|
|
3
|
+
（`plan.title`の場合エラーにならないのは、こちらはデータ取得前の段階でも`undefined`になるだけだからです）
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
5
推敲
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
データ取得前の段階では`plan
|
|
1
|
+
データ取得前の段階では`plan`に`title.rendered`が存在しないためエラーになっている気がします。
|
|
2
2
|
|
|
3
3
|
（`plan.title`の場合エラーにならないのは、こちらは単に`undefined`になるためです）
|
|
4
4
|
|
4
推敲
test
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
`plan
|
|
1
|
+
データ取得前の段階では`plan.title.rendered`が存在しないため、それを描画しようとした際にエラーになっている気がします。
|
|
2
2
|
|
|
3
|
-
（`plan.title`
|
|
3
|
+
（`plan.title`の場合エラーにならないのは、こちらは単に`undefined`になるためです）
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
また[Vue2ではオブジェクトのプロパティ追加を検出できない](https://jp.vuejs.org/v2/guide/reactivity.html#%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6)ため、あらかじめ`data`に定義しておくか`this.$set()`等のメソッドを使用して追加する必要があります。
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
`plan`の初期値を以下に変えてみたらどうなるでしょうか？
|
|
8
12
|
|
|
9
13
|
```
|
|
10
14
|
|
|
@@ -19,7 +23,3 @@
|
|
|
19
23
|
}
|
|
20
24
|
|
|
21
25
|
```
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
またVue2では[オブジェクトのプロパティ追加を検出できない](https://jp.vuejs.org/v2/guide/reactivity.html#%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6)ため、あらかじめ`data`に定義しておくか`this.$set()`等のメソッドを使用する必要があります。
|
3
推敲
test
CHANGED
|
@@ -22,4 +22,4 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
Vue2では[オブジェクトのプロパティ
|
|
25
|
+
またVue2では[オブジェクトのプロパティ追加を検出できない](https://jp.vuejs.org/v2/guide/reactivity.html#%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6)ため、あらかじめ`data`に定義しておくか`this.$set()`等のメソッドを使用する必要があります。
|
2
追記
test
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
`plan`の初期値に`title.rendered`が存在しないため、データ取得前にエラー
|
|
1
|
+
`plan`の初期値に`title.rendered`が存在しないため、データの取得完了前に`plan.title.rendered`を参照しようとしてエラーになっている気がします。
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
`plan.title`だけの場合
|
|
3
|
+
（`plan.title`だけの場合だとエラーにならないのは、こちらは単に`undefined`になるためです）
|
|
6
4
|
|
|
7
5
|
|
|
8
6
|
|
|
@@ -21,3 +19,7 @@
|
|
|
21
19
|
}
|
|
22
20
|
|
|
23
21
|
```
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
Vue2では[オブジェクトのプロパティの追加を検出できない](https://jp.vuejs.org/v2/guide/reactivity.html#%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6)ため、あらかじめ`data`に定義しておくか`this.$set()`等のメソッドを使用する必要があります。
|
1
初期値を正確に
test
CHANGED
|
@@ -12,7 +12,11 @@
|
|
|
12
12
|
|
|
13
13
|
plan: {
|
|
14
14
|
|
|
15
|
-
title: {
|
|
15
|
+
title: {
|
|
16
|
+
|
|
17
|
+
rendered: ''
|
|
18
|
+
|
|
19
|
+
}
|
|
16
20
|
|
|
17
21
|
}
|
|
18
22
|
|