v-html - vue js を使用すると、div 内でクリックイベントが機能しない

Question

私は contenteditable div を持っており、v-html を使用してクリック イベントを含む生の HTML を追加します。ただし、この場合、クリック イベントは機能しません。要素を検査すると、div にクリック イベントがあることがわかりますが、まだ機能しません。

contenteditable div にクリック イベントを持つ他の div をハードコードすると、機能します。これが正しいかどうかはわかりません。 ：

ああああ

Answer 1

@HermantSah v-html は、@click イベントなどの Vue 命令をバインドしません。ドキュメント こちらを参照してください。

回避策としては、親 div に @click イベントを設定し、テンプレート文字列内の要素に ID などの識別可能なものを指定することが考えられます。
その後、そのイベントをインターセプトして、どの要素がクリックされたかを確認できます。要素がテンプレート文字列内の要素と一致する場合は、何らかの処理を行います。大まかな例を次に示します。

リーリー

それは私にとって少し混乱しているように感じます。あなたの願いを叶えるもっと簡単な方法があるかもしれません。