質問編集履歴

2

解決したので解決方法を追記しました。

2021/02/22 20:59

投稿

manape
manape

スコア12

test CHANGED
File without changes
test CHANGED
@@ -111,3 +111,59 @@
111
111
 
112
112
 
113
113
  わかりづらい点があれば恐縮ですが、何卒ご教授のほど宜しくお願いいたします!
114
+
115
+
116
+
117
+
118
+
119
+ # 解決方法
120
+
121
+ 1. $emitを使った方法
122
+
123
+ ```
124
+
125
+ // 子
126
+
127
+ mounted() {
128
+
129
+ this.$emit('is-post-mounted');
130
+
131
+ },
132
+
133
+
134
+
135
+ // 親
136
+
137
+ <Post @is-post-mounted="childDOMMounted"></Post>
138
+
139
+ ~~
140
+
141
+ methods: {
142
+
143
+ childDOMMounted() {
144
+
145
+ createObserver();
146
+
147
+ }
148
+
149
+ }
150
+
151
+ ```
152
+
153
+ 2. $nextTickを使った方法
154
+
155
+ ```
156
+
157
+ // 子
158
+
159
+ mounted() {
160
+
161
+ this.$nextTick(() => {
162
+
163
+ createObserver();
164
+
165
+ })
166
+
167
+ }
168
+
169
+ ```

1

試したことを一部修正しました。

2021/02/22 20:59

投稿

manape
manape

スコア12

test CHANGED
File without changes
test CHANGED
@@ -102,7 +102,7 @@
102
102
 
103
103
 
104
104
 
105
- - ルート切り替え時にcreateObserver()を呼び出し、インスタンスを初期化する必要があると思い`beforeRouteEnter`で実行したりしても、40%くらいの確率で望む挙動になり運頼みという不安定な状態でした。。
105
+ - 初めsetTimeoutのmsを100msにしたところ、40%くらいの確率で望む挙動になり運頼みという不安定な状態でした。。現状なんの根拠もなく500msに設定しているので、それも良いのかわかりません。
106
106
 
107
107
  - 非同期処理だ、と聞きかじった知識で思い浮かびはしたものの、`子コンポーネントがmountedになったら`という状態をどう取得し活用できるかも見当がつかず、試せていません。
108
108