久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

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

瀏覽:142日期: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
主站蜘蛛池模板: 六安市| 屯留县| 长春市| 大理市| 韶山市| 巫溪县| 广灵县| 通许县| 桐柏县| 临桂县| 深泽县| 平昌县| 上栗县| 类乌齐县| 惠州市| 克东县| 富民县| 霸州市| 衡东县| 合川市| 徐水县| 固始县| 龙里县| 江城| 大洼县| 镇赉县| 平阳县| 镶黄旗| 通州市| 普陀区| 山阴县| 洛川县| 红原县| 安义县| 东丽区| 昌宁县| 库伦旗| 普宁市| 浮梁县| 射洪县| 北川|