vue-lazyloading實現圖片懶加載及問題總結

原文鏈接:https://blog.csdn.net/xuefeng11111/article/details/86292129

文檔地址(https://www.npmjs.com/package/vue-lazyload)

關於vue中main.js引入圖片的問題

剛接觸vue的項目,很多東西需要學習
在使用v-lazyload實現圖片懶加載的時候,在main.js中引入圖片地址的時候出現了問題
我發現如果引入的路徑是根目錄下的 /static中的圖片,沒有任何問題,但是如果引入的是assets目錄下的圖片就找不到圖片
後來去網上查了一下才知道,原來是main.js中的圖片除了/statci目錄外都需要通過reqiure(‘圖片路徑’)的方式進行加載
通過reqiure(‘圖片路徑’)的方式引入的原因是因爲打包之後會將圖片轉成base64格式打包進入js文件中

  • 綜上,vue中在js文件中引入外部文件都需要通過import獲取require進行引入
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章