Ist es mit der Vue2-V-HTML-Direktive möglich, Rich-Text mit „Skript' zu rendern?
给我你的怀抱
给我你的怀抱 2017-06-26 10:56:14
0
3
1072

Ich möchte, dass ein Rich-Text in Vue gerendert wird, aber dieser Rich-Text enthält eine script-Anweisung. Ich habe sie lokal getestet und die Anweisung nicht ausgeführt.
Wie kann dieses Problem gelöst werden?

Beispielcode:

<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>

Vielen Dank~

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

Antworte allen(3)
过去多啦不再A梦

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

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

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

刘奇

写个script的指令吧

给我你的怀抱

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage