Vue-Direktiven v-html und v-text

Vue-Direktiven v-html und v-text

1. Anweisungen zum Rendern von V-Text-Text

(Kann nur Text rendern, keine Beschriftungen)


<div id="test">

        <p v-text="Nachricht"></p>

 </div>

 <script src="./js/vue.js"></script>

 <Skript>
    const vm = neuer Vue({

            el:"#test",

            Daten:{

                Nachricht: „<h2>Hallo Vue</h2>“

            }

        })

 </Skript>

Die Ausgabe ist:

2. v-html

(Kann Anweisungen rendern, kann Tags rendern)


<div id="test">

        <p v-html="Nachricht"></p>

 </div>

 <script src="./js/vue.js"></script>

 <Skript>

    const vm = neuer Vue({

            el:"#test",

            Daten:{

                Nachricht: „<h2>Hallo Vue</h2>“

            }

        }) 

 </Skript>

Die Ausgabe ist:

Dies ist das Ende dieses Artikels über die Vue-Direktiven v-html und v-text. Weitere verwandte v-html- und v-text-Inhalte finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Detaillierte Beispiele für Vue-Anweisungen: v-cloak, v-text, v-html
  • Detaillierte Erklärung der Unterschiede und Anwendungen von {{}}, v-text und v-html in Vue
  • Detaillierte Codebeispiele zur Verwendung von v-text / v-html in vue
  • Vue verhindert das Blinken geschweifter Klammern {{}} in v-text und v-html, Anwendungsbeispiele für v-cloak
  • Vue-Lernhinweise: Detaillierte Erklärung von v-text && v-html && v-bind

<<:  Detaillierte Erklärung des Unterschieds zwischen Gerätebreite und Breite in CSS3-Medienabfragen

>>:  Verwenden Sie js in html, um die lokale Systemzeit abzurufen

Artikel empfehlen

Haben Sie die MySQL-Verbindungsabfrage wirklich gelernt?

1. Übersicht über Inner Join-Abfragen Der Inner J...

Lösung für „Spezialisierter Schlüssel war zu lang“ in MySQL

Inhaltsverzeichnis Lösung 1 Lösung 2 Beim Erstell...

Allgemeine Probleme mit der Regelpriorität beim Nginx-Standort

Inhaltsverzeichnis 1. Standort / Matching 2. Stan...

So installieren Sie mysql5.6 in Docker unter Ubuntu

1. Installieren Sie mysql5.6 Docker führt MySQL a...

Analysieren Sie die Dauer von TIME_WAIT aus dem Linux-Quellcode

Inhaltsverzeichnis 1. Einleitung 2. Lassen Sie un...

Zusammenfassung der Mysql-Existes-Verwendung

Einführung Mit EXISTS wird geprüft, ob eine Unter...

HTML-Auswahloption So treffen Sie die Standardauswahl

Wenn Sie einer Option das Attribut selected = &quo...

Tipps zum Gestalten der Fotovorschau-Navigation auf Webseiten

<br />Navigation bezieht sich nicht nur auf ...

Tipps zur MySql-SQL-Optimierung teilen

Eines Tages stellte ich fest, dass die Ausführung...

Einfache Verwendung des Vue-Busses

Einfache Verwendung des Vue-Busses Beschreibung d...

Handbuch zur MySQL-Volltextindizierung

Die Volltextindizierung erfordert eine spezielle ...