js文件導入swiper方法及分頁器不顯示原因


我們查看官方文檔,只有通過<script>標簽引入swiper輪播庫的方法,如果我們想要在js中通過npm包的方式安裝和導入,參考以下方法:

官方文檔:https://www.swiper.com.cn/

npm文檔:https://www.npmjs.com/package/swiper

npm包使用方式:https://swiperjs.com/get-started

注意:通過包導入的方式,模版不包含分頁器等功能,使用分頁器后會不生效,如需使用分頁器,需單獨引入

 // core version + navigation, pagination modules:
  import SwiperCore, { Navigation, Pagination } from 'swiper/core';

  // configure Swiper to use modules
  SwiperCore.use([Navigation, Pagination]);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM