文章詳情頁
javascript - 使用Vue2 v-html指令,可以渲染帶`script`的富文本嗎?
瀏覽:80日期:2023-05-22 08:57:49
問題描述
一段富文本想讓其在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>
謝謝~
問題解答
回答1:不可以的,vue 不會渲染 script 標簽要頁面中,我才樓主是要插入第三方的廣告腳本,你有幾種辦法
重新寫個頁面,vue 加載這個 iframe,這種性能會比較差,你可以用 iframe 的 srcdoc 屬性,會好一些
如果必須插入到頁面中,那就在列表渲染完成之后,通過 document.createElement(’script’),然后append進去頁面中
回答2:寫個script的指令吧
回答3:貼個代碼看看,看問題描述,你這樣寫不是很好
標簽:
JavaScript
排行榜
