質問編集履歴
3
内容修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
```ここに言語を入力
|
|
8
8
|
[Vue warn]: Property or method "uid" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
|
|
9
9
|
```
|
|
10
|
-
こちらにつきましては、エラーコード内にあるURLを確認すると[反応性の宣言]
|
|
10
|
+
こちらにつきましては、エラーコード内にあるURLを確認すると[反応性の宣言](https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties)と以下のように書かれておりました。
|
|
11
11
|
|
|
12
12
|
---
|
|
13
13
|
Vue はルート レベルのリアクティブ プロパティを動的に追加することを許可していないため、空の値であっても、すべてのルート レベルのリアクティブ データ プロパティを事前に宣言して、Vue インスタンスを初期化する必要があります。
|
2
内容訂正。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
-
上記より２つエラーが出て
|
|
3
|
+
上記より２つエラーが出ている状況です。
|
|
4
4
|
|
|
5
5
|
#1つ目
|
|
6
6
|
|
1
内容修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
# エラーコード： Error in render: "TypeError: Cannot read property 'uid' of undefined"を解消したい
|
|
2
|
-
|
|
3
1
|
|
|
4
2
|
|
|
5
3
|
上記より２つエラーが出ております。
|
|
@@ -18,6 +16,23 @@
|
|
|
18
16
|
|
|
19
17
|
その為、以下のようにdata()内にuid=""という風に初期化させました。
|
|
20
18
|
|
|
19
|
+
```ここに言語を入力
|
|
20
|
+
export default {
|
|
21
|
+
components: { Nl2br },
|
|
22
|
+
data() {
|
|
23
|
+
return {
|
|
24
|
+
user: {}, // ユーザー情報
|
|
25
|
+
chat: [], // 取得したメッセージを入れる配列
|
|
26
|
+
input: "", // 入力したメッセージ
|
|
27
|
+
userIds: [],
|
|
28
|
+
userDatas: [],
|
|
29
|
+
uid: "",
|
|
30
|
+
authenticatedUser: "",
|
|
31
|
+
preview: require("../assets/デフォルト画像.jpg"),
|
|
32
|
+
};
|
|
33
|
+
},
|
|
34
|
+
```
|
|
35
|
+
|
|
21
36
|
#2つ目
|
|
22
37
|
|
|
23
38
|
```ここに言語を入力
|
|
@@ -44,24 +59,8 @@
|
|
|
44
59
|
|
|
45
60
|
よろしくお願いいたします。
|
|
46
61
|
|
|
47
|
-
```ここに言語を入力
|
|
48
|
-
export default {
|
|
49
|
-
components: { Nl2br },
|
|
50
|
-
|
|
62
|
+
#chat.vue
|
|
51
|
-
return {
|
|
52
|
-
user: {}, // ユーザー情報
|
|
53
|
-
chat: [], // 取得したメッセージを入れる配列
|
|
54
|
-
input: "", // 入力したメッセージ
|
|
55
|
-
userIds: [],
|
|
56
|
-
userDatas: [],
|
|
57
|
-
uid: "",
|
|
58
|
-
authenticatedUser: "",
|
|
59
|
-
preview: require("../assets/デフォルト画像.jpg"),
|
|
60
|
-
};
|
|
61
|
-
},
|
|
62
|
-
```
|
|
63
63
|
|
|
64
|
-
|
|
65
64
|
```ここに言語を入力
|
|
66
65
|
<template>
|
|
67
66
|
<div class="chat">
|