Vue afficher html sans échappement

Comment est-ce que je peux obtenir le HTML interprété dans une liaison de moustache? Au moment où la pause (
) est juste affichée / échappée.

Petite vue app

 var logapp = new Vue({ el: '#logapp', data: { title: 'Logs', logs: [ { status: true, type: 'Import', desc: 'Learn
JavaScript', date: '11.11.2015', id: 1 }, { status: true, type: 'Import', desc: 'Learn
JavaScript', date: '11.11.2015', id: 1 } ] } })

Et voici le modèle

 
{{fail}} {{type}} {{description}} {{stamp}} {{id}}

À partir de Vue2, les accolades sortingples sont obsolètes, vous devez utiliser v-html .

Le lien avec la documentation ne précise pas ce que nous sums censés placer dans v-html , vos variables sont placées dans v-html .

De plus, v-html ne fonctionne qu’avec

ou mais pas avec .

Si vous voulez voir cela en direct dans une application, cliquez ici .

Vous pouvez utiliser la directive v-html pour l’afficher. comme ça:

  

Vous pouvez le lire ici

Si tu utilises

 {{
}}

ça va s’échapper. Si vous voulez du HTML brut, vous devez utiliser

 {{{
}}}

EDIT (5 février 2017): Comme @hitautodestruct le fait remarquer, dans la vue 2, vous devriez utiliser v-html au lieu des accolades sortingples.

Vue par défaut est fournie avec la directive v-html pour l’afficher, vous la liez à l’élément lui-même plutôt que d’utiliser la liaison de moustache normale pour les variables de chaîne.

Donc, pour votre exemple spécifique, vous auriez besoin de: