Vue.js中呈現未轉義的HTML內容
<p>如何在mustache綁定中解析HTML程式碼?目前換行符號(<code><br /></code>)只會被顯示/轉義。 </p>
<p>小型Vue應用:</p>
<pre class="brush:php;toolbar:false;">var logapp = new Vue({
el: '#logapp',
data: {
title: 'Logs',
logs: [
{ status: true, type: 'Import', desc: 'Learn<br />JavaScript', date: '11.11.2015', id: 1 },
{ status: true, type: 'Import', desc: 'Learn<br />JavaScript', date: '11.11.2015', id: 1 }
]
}
})</pre>
<p>以下是範本:</p>
<pre class="brush:php;toolbar:false;"><div id="logapp">
<table>
<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>