仅在单个组件上 </body> 之前添加脚本 - vuejs

Question

我是 vuejs 新手，我开始使用 clearsale api 进行验证，想制作一个指纹捕获进行验证，并且只需要在一个 vuejs 中调用页面底部的脚本函数零件。这是有问题的脚本：

<script>
    (function(a, b, c, d, e, f, g) {
      a["CsdpObject"] = e;
      (a[e] =
        a[e] ||
        function() {
          (a[e].q = a[e].q || []).push(arguments);
        }),
        (a[e].l = 1 * new Date());
      (f = b.createElement(c)), (g = b.getElementsByTagName(c)[0]);
      f.async = 1;
      f.src = d;
      g.parentNode.insertBefore(f, g);
    })(window, document, "script", "//device.clearsale.com.br/p/fp.js", "csdp");
    csdp("app", "appKey");
    csdp("sessionid", "sessionID");
</script>

我调用了导出默认范围，但它们无法识别 csdp 函数。

(p.s。对不起我的英语)

Answer 1

您应该将此内联脚本放入您的 public/index.html 文件中 - 但不要包含最后 2 个语句（您调用 csdp 函数的位置）。然后在你的组件中你会写

window.csdp("app", "appKey");
window.csdp("sessionid", "sessionID");

仅在单个组件上 </body> 之前添加脚本 - vuejs

Add a script before </body> only on a single component - vuejs

javascript

vue.js

vue-cli