javascript - 使用Vue2 v-html指令，可以渲染帶有`script`的富文本嗎？

Question

一段富文本想讓其在vue中渲染，但這段富文本中帶有script語句，自己在本地測了並沒有執行該語句。
請問如何解決這個問題？

範例程式碼：

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

謝謝~

Answer 1

不可以的，vue 不會渲染 script 標籤要頁中，我才樓主是要插入第三方的廣告腳本，你有幾種辦法

1. 重新寫個頁,vue 載入這個 iframe，這種效能會比較差，你可以用 iframe 的 srcdoc 屬性,會好一些

2. 如果必須插入到頁面中，那就在列表渲染完成之後，通過 document.createElement('script')，然後append進去頁面中

Answer 2

寫個script的指令吧

Answer 3

貼個程式碼看看，看問題描述，你這樣寫不是很好