Rendern von HTML-Inhalten ohne Escapezeichen in Vue.js
<p>Wie analysiere ich HTML-Code in der Schnurrbartbindung? Derzeit werden Zeilenumbrüche (<code><br /></code>) nur angezeigt/escaped. </p>
<p>Kleine Vue-Anwendung:</p>
<pre class="brush:php;toolbar:false;">var logapp = new Vue({
el: '#logapp',
Daten: {
Titel: 'Protokolle',
Protokolle: [
{ status: true, type: 'Import', desc: 'Learn<br />JavaScript', date: '11.11.2015', id: 1 },
{ Status: true, Typ: 'Import', desc: 'Learn<br />JavaScript', Datum: '11.11.2015', ID: 1 }
]
}
})</pre>
<p>Das Folgende ist die Vorlage: </p>
<pre class="brush:php;toolbar:false;"><div id="logapp">
<Tabelle>
<tbody>
<tr v-repeat="logs">
<td>{{fail}}</td>
<td>{{type}}</td>
<td>{{description}}</td>
<td>{{stamp}}</td>
<td>{{id}}</td>
</tr>
</tbody>
</table>
</div></pre></p>