質問するログイン新規登録

回答編集履歴

6

より正確に

2021/07/26 05:46

投稿

Masa-Shin
Masa-Shin

スコア269

answer CHANGED
@@ -1,5 +1,5 @@
1
1
  データ取得前の段階では`plan`に`title.rendered`が存在しないためエラーになっている気がします。
2
- (`plan.title`の場合エラーにならないのは、こちらは単に`undefined`になるためです)
2
+ (`plan.title`の場合エラーにならないのは、こちらはデータ取得前の段階でも`undefined`になるだけだからです)
3
3
 
4
4
  また[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()`等のメソッドを使用して追加する必要があります。
5
5
 

5

推敲

2021/07/26 05:46

投稿

Masa-Shin
Masa-Shin

スコア269

answer CHANGED
@@ -1,4 +1,4 @@
1
- データ取得前の段階では`plan.title.rendered`が存在しないため、それを描画しようとした際にエラーになっている気がします。
1
+ データ取得前の段階では`plan`に`title.rendered`が存在しないためエラーになっている気がします。
2
2
  (`plan.title`の場合エラーにならないのは、こちらは単に`undefined`になるためです)
3
3
 
4
4
  また[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()`等のメソッドを使用して追加する必要があります。

4

推敲

2021/07/26 05:42

投稿

Masa-Shin
Masa-Shin

スコア269

answer CHANGED
@@ -1,13 +1,13 @@
1
- `plan`初期値に`title.rendered`が存在しないため、データの取得完了前に`plan.title.rendered`参照しようとしエラーになっている気がします。
1
+ データ取得前段階では`plan.title.rendered`が存在しないため、それ描画しようとした際にエラーになっている気がします。
2
- (`plan.title`だけの場合だとエラーにならないのは、こちらは単に`undefined`になるためです)
2
+ (`plan.title`の場合エラーにならないのは、こちらは単に`undefined`になるためです)
3
3
 
4
- `plan`の初期値以下に変えみたらどうなでしょう?
4
+ また[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()`等メソッド使用し追加す必要があります。
5
+
6
+ `plan`の初期値を以下に変えてみたらどうなるでしょうか?
5
7
  ```
6
8
  plan: {
7
9
  title: {
8
10
  rendered: ''
9
11
  }
10
12
  }
11
- ```
12
-
13
- また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()`等のメソッドを使用する必要があります。
13
+ ```

3

推敲

2021/07/26 05:40

投稿

Masa-Shin
Masa-Shin

スコア269

answer CHANGED
@@ -10,4 +10,4 @@
10
10
  }
11
11
  ```
12
12
 
13
- 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()`等のメソッドを使用する必要があります。
13
+ また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

追記

2021/07/26 05:31

投稿

Masa-Shin
Masa-Shin

スコア269

answer CHANGED
@@ -1,7 +1,6 @@
1
- `plan`の初期値に`title.rendered`が存在しないため、データ取得前にエラーが発生しているということではないでょうか?
1
+ `plan`の初期値に`title.rendered`が存在しないため、データ取得完了前に`plan.title.rendered`を参照しようとしてエラーになっている気がます。
2
+ (`plan.title`だけの場合だとエラーにならないのは、こちらは単に`undefined`になるためです)
2
3
 
3
- `plan.title`だけの場合にエラーにならないのは、こちらは単に`undefined`になるからだと思われます。
4
-
5
4
  `plan`の初期値を以下に変えてみたらどうなるでしょう?
6
5
  ```
7
6
  plan: {
@@ -9,4 +8,6 @@
9
8
  rendered: ''
10
9
  }
11
10
  }
12
- ```
11
+ ```
12
+
13
+ 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

初期値を正確に

2021/07/26 05:27

投稿

Masa-Shin
Masa-Shin

スコア269

answer CHANGED
@@ -5,6 +5,8 @@
5
5
  `plan`の初期値を以下に変えてみたらどうなるでしょう?
6
6
  ```
7
7
  plan: {
8
- title: {}
8
+ title: {
9
+ rendered: ''
10
+ }
9
11
  }
10
12
  ```