如题,因为
<template>
<div class="third_container">
<div id="useScript"></div>
<script type="text/javascript" src="../../../assets/js/alert1.js" ></script>
</div>
</template>
像这样直接用script标签引入js文件,是会编译失败的,但是可以通过js在编译完成后间接引入
mounted(){
$("#useScript").html("<script src='../../../assets/js/alert1.js'></srcipt>");
this.$nextTick(function(){
setTimeout(function(){
console.log(suibiandingyi);
},3000);
});
}
测试时,不加个延迟3秒,是不成功的,因为js应该还在加载中,所以不能获取到此js上的变量
测试的js文件代码很简单,如下
//alert("弹出来有可能可以使用");
console.log("make more time");
var suibiandingyi = "123456";