vueデータは更新されないが、データは変更される

Question

私はこれに夢中です。

これは、入力に URL を貼り付けるときにビデオ プレビューを表示するためにフォームで使用しているコンポーネントのコードです:

リーリー

o-embed はコンポーネントです。コンポーネントの更新時に簡単なバス エミッション関数を追加しました:

リーリー

コンソールログを確認すると、次のようなメッセージが表示されます

リーリー

すべてが機能しており、this.embedData は正常に見え、ログもありますが、ビューに embedData をレンダリングすると空になります。

追加情報を含めました: 埋め込みコンポーネントの再レンダリングを強制していますが、関連性はないと思います。

＃＃＃何か案は？

Answer 1

Mythos がこの問題を発見しました (少なくとも 1 つ)。 Mustache テンプレート (二重中括弧) は、コンテンツを HTML ではなくプレーン テキストとして解釈します。生の HTML をページに挿入したい場合は、これを行う必要があります

リーリー

代わりに (https://v2.vuejs.org/v2 /guide/syntax.html#Raw-HTML)

Answer 2

匿名関数を使用しています。 this 内部の匿名関数は、コンポーネントのコンテキストを提供しません。

アロー関数を使ってみる:

リーリー