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

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

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

瀏覽:119日期: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
主站蜘蛛池模板: 襄汾县| 龙井市| 新津县| 新巴尔虎右旗| 开化县| 屯昌县| 保靖县| 洪湖市| 凤山县| 桂阳县| 莱芜市| 兴宁市| 秦皇岛市| 望城县| 东方市| 拜城县| 中牟县| 徐水县| 乌拉特前旗| 札达县| 齐齐哈尔市| 永福县| 隆昌县| 罗城| 湄潭县| 周口市| 左云县| 清原| 庄浪县| 双峰县| 义乌市| 宁明县| 西藏| 烟台市| 崇文区| 安达市| 莆田市| 济宁市| 长子县| 扎兰屯市| 凉山|