vue-cli搭的项目不能引用常规script标签

如题,因为

<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"; 

猜你喜欢

转载自my.oschina.net/daladida/blog/1806087