Rumah  >  Soal Jawab  >  teks badan

Memaparkan kandungan HTML yang tidak dapat dielakkan dalam Vue.js

<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>
P粉253518620P粉253518620449 hari yang lalu580

membalas semua(2)saya akan balas

  • P粉939473759

    P粉9394737592023-08-22 17:15:45

    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

    .

    v-html只适用于<div><span>,而不适用于<template>Selain itu,

    hanya digunakan pada <div> atau <span>, bukan untuk <template>.

    Jika anda ingin melihatnya secara langsung dalam apl, klik di sini

    . 🎜

    balas
    0
  • P粉399090746

    P粉3990907462023-08-22 15:03:22

    Anda boleh menggunakan arahan v-html untuk memaparkannya. Seperti ini:

    <td v-html="desc"></td>
    

    balas
    0
  • Batalbalas