javascript - Vue js 在编译时删除脚本标签

Question

我是 Vue.js 的新手，我遇到了一个我无法解决的问题。我正在使用 Vue cli 3，在我的代码中，我在我的代码中添加了一个自定义标签(不是组件)模板里面有一个脚本标签。

<ra type="outstream" pid="888666574" ra_init="open" ra_end="open" skin="dark" hasConsent="1">
    <script type="text/javascript" src="https://s.test.com/script.js"></script>
</ra>

此脚本用于搜索自定义标签 ra，因此需要位于标签内。问题是当我用 devTools 检查网站时，ra 标签是空的。我的意思是，脚本不存在。我想也许 Vue 正在删除脚本以防止 XSS 或类似的东西，但我需要运行这个脚本。

有人知道发生了什么吗？

谢谢! :)

Answer 1

mounted() {
  let script = document.createElement('script');
  script.setAttribute('src', 'https://s.test.com/script.js');

  let wrapper = document.createElement('ra');
  wrapper.appendChild(script);
  wrapper.setAttribute('pid','888666574');
  wrapper.setAttribute('ra_init','open');
  wrapper.setAttribute('ra_end','open');
  wrapper.setAttribute('skin','dark');
  wrapper.setAttribute('hasConsent','1');
  document.body.appendChild(wrapper);
}  

试试这个，希望对你有帮助