Maison  >  Questions et réponses  >  le corps du texte

En utilisant la directive v-html de Vue2, est-il possible de restituer du texte enrichi avec « script » ?

Je souhaite qu'un morceau de texte riche soit rendu dans vue, mais ce texte riche contient une instruction script. Je l'ai testé localement et je n'ai pas exécuté l'instruction.
Comment résoudre ce problème ?

Exemple de code :

<template>
    <p v-html="testHtml"></p>
</template>

<script>
  export default {
    data () {
        return {
            testHtml: '<p><script>console.log("test")</script><p><span>测试测试</span></p><p>'
        }
    }
  }
</script>

Merci~

给我你的怀抱给我你的怀抱2672 Il y a quelques jours1048

répondre à tous(3)je répondrai

  • 过去多啦不再A梦

    过去多啦不再A梦2017-06-26 10:58:14

    Non, vue 不会渲染 script le tag doit être sur la page. Je souhaite insérer un script publicitaire tiers. Vous avez plusieurs manières

    .
    1. Écrivez une nouvelle page avec vue 加载这个 iframe,这种性能会比较差,你可以用 iframesrcdoc attributs, ce sera mieux

    2. S'il doit être inséré dans la page, une fois le rendu de la liste terminé, entrez dans la page via document.createElement('script'),然后append

    répondre
    0
  • 怪我咯

    怪我咯2017-06-26 10:58:14

    Écrire une commande de script

    répondre
    0
  • 给我你的怀抱

    给我你的怀抱2017-06-26 10:58:14

    Publiez le code et jetez un œil à la description du problème. N'est-ce pas très bien ce que vous avez écrit comme ça

    .

    répondre
    0
  • Annulerrépondre