Memaparkan kandungan HTML yang tidak dapat dielakkan dalam Vue.js
P粉253518620
2023-08-21 19:48:52
<p>Bagaimana untuk menghuraikan kod HTML dalam pengikatan misai? Pada masa ini aksara baris baharu (<kod><br /></kod>) hanya akan dipaparkan/dilepaskan. </p>
<p>Aplikasi Vue Kecil:</p>
<pre class="brush:php;toolbar:false;">var logapp = new Vue({
el: '#logapp',
data: {
tajuk: 'Log',
log: [
{ status: true, type: 'Import', desc: 'Learn<br />JavaScript', tarikh: '11.11.2015', id: 1 },
{ status: true, type: 'Import', desc: 'Learn<br />JavaScript', tarikh: '11.11.2015', id: 1 }
]
}
})</pre>
<p>Berikut ialah templat: </p>
<pre class="brush:php;toolbar:false;"><div id="logapp">
<meja>
<tbody>
<tr v-repeat="log">
<td>{{gagal}}</td>
<td>{{type}}</td>
<td>{{penerangan}}</td>
<td>{{cop}}</td>
<td>{{id}}</td>
</tr>
</tbody>
</table>
</div></pre></p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Bermula dari Vue2, tiga pendakap kerinting sudah tidak digunakan lagi, anda perlu guna
v-html.<div v-html="task.html_content"> </div>Tidak jelas daripada pautan dokumentasi apa yang perlu kami masukkan
.v-html中放置什么，你的变量应该放在v-html, pembolehubah anda harus diletakkan di
hanya digunakan padav-html只适用于<div>或<span>，而不适用于<template>Selain itu,<div>atau<span>, bukan untuk<template>.Jika anda ingin melihatnya secara langsung dalam apl, klik di sini
. 🎜Anda boleh menggunakan arahan
v-htmluntuk memaparkannya. Seperti ini: