小编Wat*_*urs的帖子

在我们的项目中,我们之前一直在使用Thymeleaf,但现在我们正在转向Vue.js,我们遇到了一些使用相同广告脚本的问题.脚本看起来像这样.我只修改了网址.

<script data-adfscript="sub.adcompany.net/asdf/?id=256746"></script>
<script src="//sub.adcompany.net/url/to/advertisement/script.js"  async="async" defer="defer"></script>

如果我们将这些标记放入其中<template>,Webpack会给出以下消息:

模板应该只负责将状态映射到UI.避免在模板中放置带副作用的标签,例如,因为它们不会被解析.

所以我一直在谷歌搜索到一个类似的案例.有一些插件可以为Google广告执行此操作,但它们不适用于我们.转义脚本标记<\/script>的方式是有效的,但是在加载之前脚本不会添加到DOM中,因此它不会运行.

有没有人遇到过类似的问题？如果是这样,你的解决方案是什么？

Vue文件看起来像这样:

<template>
  <aside class="sidebar-ad ui-wide">
    <script data-adfscript="sub.adcompany.net/asdf/?id=256746"></script>
    <script src="//sub.adcompany.net/url/to/advertisement/script.js"  async="async" defer="defer"></script>
  </aside>
</template>

<script>
    export default {
        data () {
            return {}
        }
    }
</script>