html - 如何在 vue js 中编写 Html 脚本标签
问题描述
我有 3 个脚本标签的 html 文件。我想把这些脚本标签放在我的 vue.js 文件中。我已经通过 vue js 文件添加了 html div 元素,并且它正在被渲染。但我只是无法将脚本从 html 加载到 vue 中。下面是我的html文件。
<html>
<body>
<script type="text/javascript">
mxBasePath = "../editors/pure";
</script>
<script type="text/javascript" src="../editors/pure/js/mxClient.js"></script>
<script src="../editors/dist/main.js"></script>
</body>
</html>
我试图将我的脚本添加到 vue 的已安装部分。下面是我的 vue.js 文件
import * as client from '../editors/pure/js/mxClient.js'
import * as mains from '../editors/dist/main.js'
mounted () {
var z = document.getElementById('geApp')
let recaptchaScript = document.createElement('script')
recaptchaScript.setAttribute('src', client)
z.appendChild(recaptchaScript)
let processes = document.createElement('script')
processes.setAttribute('src', mains)
z.appendChild(processes)
let basepath = document.createElement('script')
basepath.innertext = 'mxBasePath = "../editors/pure"'
z.appendChild(basepath)
},
但是我收到错误,因为找不到文件。我通过导入 src 文件解决了这个问题,但现在我收到错误,因为“其中一个功能未定义”。
请任何人都可以帮助我将脚本添加到 vue.js 文件