Question

我想为轮播创建一个标签，但我只想在网站上使用此标签时加载CSS和Javascript文件，但我只能将其添加到{{1}我的网站。

有没有办法只加载标签？

我的标签示例（仅当我将css和.js文件移动到网站正文中时才有效：

<body>

Answer 1

我有类似的问题，我以这种方式解决了。

我使用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();
        });
    }
}

如何在riot标签中包含外部css和javascript？

1 个答案: