我想为旋转木马创建一个标签,但我只想在网站上使用此标签时加载CSS和
Javascript文件,但我只能将其添加到< body>我的网站.
有没有办法只加载标签?
我的标签示例(仅当我将css和.js文件移动到网站正文中时才有效:
<carousel>
<div class="row" hide="{$gg.filterApplied || $gg.redeem.redeemInProgress()}">
<div class="col-sm-12">
<div class="logos text-center">
<div class="divider"></div>
<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
<div><h3>5</h3></div>
<div><h3>6</h3></div>
</div>
<div class="divider"></div>
</div>
</div>
</div>
<style scoped>
@import url("//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css")
</style>
<script src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<script>
var self = this;
self.mixin(SharedMixin)
</script>
</carousel>
最佳答案 我有类似的问题,我以这种方式解决了.
我在标签处添加了一个方法,使用mixin在运行时加载资源,并在触发mount之前调用它,传递css和js文件列表.
它使用jQuery的getScript函数.
loadResources(css, js, callback){
for(var i = 0; i < css.length; i++){
if(css[i] !== ''){
var link = document.createElement('link');
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", css[i]);
document.getElementsByTagName("head")[0].appendChild(link);
}
}
var jsProgress = 0;
for(var j = 0; j < js.length; j++){
$.getScript(js[j], function () {
if (++jsProgress == js.length && typeof callback !== 'undefined') callback();
});
}
}