javascript / beginner
Snippet
Rohes HTML rendern mit v-html
Während Vue HTML standardmäßig maskiert, um XSS-Angriffe zu verhindern, ermöglicht v-html das Rendern von rohen HTML-Strings. Verwende dies nur für absolut vertrauenswürdige Inhalte.
snippet.js
1
2
3
4
5
6
7
<template><div v-html="trustedHtmlContent"></div></template><script setup>const trustedHtmlContent = '<span style="color: red">Important!</span>';</script>
vue
Erklärung
1
v-html="trustedHtmlContent"
Aktualisiert das innerHTML des Elements mit dem bereitgestellten String-Wert.