私は contenteditable div を持っており、v-html を使用してクリック イベントを含む生の HTML を追加します。ただし、この場合、クリック イベントは機能しません。要素を検査すると、div にクリック イベントがあることがわかりますが、まだ機能しません。
contenteditable
div
v-html
contenteditable div にクリック イベントを持つ他の div をハードコードすると、機能します。これが正しいかどうかはわかりません。 ：
@HermantSah v-html は、@click イベントなどの Vue 命令をバインドしません。ドキュメント こちらを参照してください。
@click
回避策としては、親 div に @click イベントを設定し、テンプレート文字列内の要素に ID などの識別可能なものを指定することが考えられます。 その後、そのイベントをインターセプトして、どの要素がクリックされたかを確認できます。要素がテンプレート文字列内の要素と一致する場合は、何らかの処理を行います。大まかな例を次に示します。
それは私にとって少し混乱しているように感じます。あなたの願いを叶えるもっと簡単な方法があるかもしれません。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
@HermantSah
v-htmlは、@clickイベントなどの Vue 命令をバインドしません。ドキュメント こちらを参照してください。回避策としては、親 div に
リーリー@clickイベントを設定し、テンプレート文字列内の要素に ID などの識別可能なものを指定することが考えられます。その後、そのイベントをインターセプトして、どの要素がクリックされたかを確認できます。要素がテンプレート文字列内の要素と一致する場合は、何らかの処理を行います。大まかな例を次に示します。
それは私にとって少し混乱しているように感じます。あなたの願いを叶えるもっと簡単な方法があるかもしれません。