微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Nuxt.js嵌入代码呈现iframe但不呈现脚本

如何解决Nuxt.js嵌入代码呈现iframe但不呈现脚本

我有一个包含Vue和Nuxt.js的页面构建器应用程序,其中一个组件是一个嵌入块,可让您呈现自定义html,它大部分可以工作,但是在使用脚本标签时会失败。这是我的组件:

<template>
  <div
    class="embed-block"
    :class="config.alignment">
    <div
      class="embed-block--wrapper"
      v-html="config.embed"/>
  </div>
</template>

<script>
export default {
  name: 'EmbedBlock',props: {
    config: {
      type: Object,default: () => {}
    }
  }
};
</script>

例如,发送此视频可以完美工作,呈现youtube播放器:

<iframe width="560" height="315" src="https://www.youtube.com/embed/aQkPcPqTq4M" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

但是发送此邮件不会:

<div id="buzzsprout-player-2264951"></div><script src="https://www.buzzsprout.com/723057/2264951-episode-2.js?container_id=buzzsprout-player-2264951&player=small" type="text/javascript" charset="utf-8"></script>

编辑:v-html不是渲染脚本标签似乎是个问题,但是现在,替代方法是什么?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。