Vue.js 当div变为可见时,如何注入js?

Vue.js 当div变为可见时,如何注入js?,vue.js,Vue.js,我需要尽可能快地保持初始页面加载,所以我尽量避免在用户点击按钮并看到div后加载gmap、paypal、stripe或类似的js页面 我有一个 <div class="container" v-if="step != '0'" v-cloak> ... </div> ... 我试图将“”放在div中,但这不起作用,js是在初始页面加载期间加载的 如何在条件呈现中注入js?观看步骤并将脚本附加到DOM: data(){ 返回{ //... 朱镕基:错, //... }

我需要尽可能快地保持初始页面加载,所以我尽量避免在用户点击按钮并看到div后加载gmap、paypal、stripe或类似的js页面

我有一个

<div class="container" v-if="step != '0'" v-cloak>
...
</div>

...
我试图将“
”放在div中,但这不起作用,js是在初始页面加载期间加载的


如何在条件呈现中注入js?

观看步骤并将脚本附加到DOM:

data(){
返回{
//...
朱镕基:错,
//...
}
},
观察:{
步骤(val,oldVal){
如果(!this.isInjected&&val!=“0”){
设s=document.createElement(“脚本”);
s、 type=“text/javascript”;
s、 src=”https://js.stripe.com/v3/";
document.head.appendChild(脚本);
this.jsInjected=true;//防止多次追加。
}
}
}

好的,所以我必须通过js注入它,我正在寻找一些可以让我在html中保留脚本标记的东西,但是这可以工作,谢谢。