vue在当前页面引入Js和css

最新推荐文章于 2024-08-03 21:59:12 发布

原创最新推荐文章于 2024-08-03 21:59:12 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍如何在网页中动态加载七牛云播放器的CSS和JS文件，通过检查DOM元素避免重复加载，确保资源只被引入一次，提高页面加载效率。

mounted(){
	if (!document.getElementById('qiniuCss')) {  //避免多次引入
          const link = document.createElement('link');
          link.rel = 'stylesheet';
          link.href = 'http://sdk-release.qnsdk.com/qiniuplayer-0.3.9.min.css';
          link.id = 'qiniuCss';
          document.body.appendChild(link);
        }
        if (!document.getElementById('qiniuJs')) {  //避免多次引入
          const script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = 'http://sdk-release.qnsdk.com/qiniuplayer-0.3.9.min.js';
          script.id = 'qiniuJs';
          document.body.appendChild(script);
        }
}