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

Question

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~

Answer 1

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，这种性能会比较差，你可以用 iframe 的 srcdoc 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

Answer 2

Écrire une commande de script

Answer 3

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

.