国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

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

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

瀏覽:146日期: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
主站蜘蛛池模板: 亚东县| 高台县| 茂名市| 扶风县| 冷水江市| 昌图县| 英超| 三明市| 玛纳斯县| 光泽县| 白玉县| 鱼台县| 宝山区| 西华县| 乃东县| 阜城县| 稻城县| 云霄县| 缙云县| 英超| 长春市| 宁陕县| 天峻县| 太保市| 轮台县| 黄平县| 平度市| 通河县| 宣威市| 墨江| 比如县| 鞍山市| 余干县| 中宁县| 大兴区| 陵川县| 西乌珠穆沁旗| 家居| 泰顺县| 基隆市| 监利县|