我是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或类似的东西,但我需要运行这个脚本。
有人知道发生了什么事吗?
谢谢! :)
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);
}
试试这个我希望它有所帮助
只需在模板标记中嵌入脚本标记即可。因此VueJs不会删除这些脚本标记
<template>
<script></script>
</template>