javascript - 使用Vue2 v-html指令,可以渲染带`script`的富文本吗?
给我你的怀抱
给我你的怀抱 2017-06-26 10:56:14
[JavaScript讨论组]

一段富文本想让其在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>

谢谢~

给我你的怀抱
给我你的怀抱

全部回复(3)
过去多啦不再A梦

不可以的,vue 不会渲染 script 标签要页面中,我才楼主是要插入第三方的广告脚本,你有几种办法

  1. 重新写个页面,vue 加载这个 iframe,这种性能会比较差,你可以用 iframesrcdoc 属性,会好一些

  2. 如果必须插入到页面中,那就在列表渲染完成之后,通过 document.createElement('script'),然后append进去页面中

怪我咯

写个script的指令吧

给我你的怀抱

贴个代码看看,看问题描述,你这样写不是很好

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号