javascript - 使用Vue2 v-html指令，可以渲染带`script`的富文本吗？

问题描述

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

谢谢~

问题解答

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

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

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

写个script的指令吧

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