Menggunakan arahan v-html Vue2, adakah mungkin untuk menghasilkan teks kaya dengan `skrip`?

Question

Saya mahu sekeping teks kaya dipaparkan dalam vue, tetapi teks kaya ini mengandungi pernyataan script saya mengujinya secara tempatan dan tidak melaksanakan pernyataan itu.
Bagaimana untuk menyelesaikan masalah ini?

Kod contoh:

<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>

Terima kasih~

Answer 1

Tidak, vue 不会渲染 script teg mesti ada pada halaman Saya ingin memasukkan skrip pengiklanan pihak ketiga Anda mempunyai beberapa cara

1. Tulis halaman baharu dengan vue 加载这个 iframe，这种性能会比较差，你可以用 iframe 的 srcdoc atribut, ia akan menjadi lebih baik

2. Jika ia mesti dimasukkan ke dalam halaman, maka selepas rendering senarai selesai, masukkan halaman melalui document.createElement('script')，然后append

Answer 2

Tulis arahan skrip

Answer 3

Siarkan kod dan lihat penerangan masalah bukankah bagus sekali apa yang anda tulis seperti ini