Vue批量圖片顯示時遇到的路徑被解析問題
最近在學Vue，感覺很難理解，學不懂。
昨天晚上開始第一個頁面的搭建，腦子感覺通了一點，大概知道該怎么做了。
在放置輪播圖時，要調用很多圖片，圖片路徑在data的一個數(shù)組里，用v-for循環(huán)（因為還不會做輪播圖，從網上找的代碼）
圖片路徑是對的，但是不顯示，就用普通img標簽放了個圖片看了一下，這樣
網頁上卻變成了這樣
于是我把每個圖片都放了一次，把每個解析后的地址都粘貼在數(shù)組里，成了
但是這種方法也太蠢了，以后不能也這樣辦吧
就在網上查了一下，要加一個require，很多帖子里的圖片路徑都加了個require，那就試試
成功！ 但是不知道是什么原理，大概是把路徑的字符串封裝起來了？
然后又去查了查require是干啥的，感覺用過 ，但不知道哪里用過
使用位置
require是運行時調用，所以require理論上可以運用在代碼的任何地方
require本質
require是賦值過程，其實require的結果就是對象、數(shù)字、字符串、函數(shù)等，再把require的結果賦值給某個變量
這樣的話就把路徑字符串變成變量了
以上所述是小編給大家介紹的Vue批量圖片顯示時遇到的路徑被解析問題詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
解決element DateTimePicker+vue彈出框只顯示小時
這篇文章主要介紹了解決element DateTimePicker+vue彈出框只顯示小時，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
vue如何動態(tài)綁定img的src屬性(v-bind)
這篇文章主要介紹了vue如何動態(tài)綁定img的src屬性(v-bind)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
關于net?6+vue?插件axios?后端接收參數(shù)問題
接到這樣一個項目需求是這樣的，前端vue?必須對象傳遞后端也必須對象接收，接下來通過本文給大家介紹下net?6+vue?插件axios?后端接收參數(shù)的問題,需要的朋友可以參考下2022-01-01
在?Vue?3?中,封裝自定義指令可以幫助你更好地復用一些常見的DOM操作邏輯,自定義指令可以用于處理一些特定的用戶交互行為,本文給大家介紹了Vue3封裝自定義指令的示例,需要的朋友可以參考下2024-11-11
Vue動態(tài)加載ECharts圖表數(shù)據(jù)的方式
這篇文章主要介紹了Vue動態(tài)加載ECharts圖表數(shù)據(jù)的方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
本文主要介紹了在使用el-select實現(xiàn)下拉選擇緩存時遇到的問題及解決方案,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2025-01-01
解決vue3項目打包后部署后某些靜態(tài)資源圖片不加載問題
這篇文章主要給大家介紹了如何解決vue3項目打包后部署后某些靜態(tài)資源圖片不加載問題,文中通過圖文結合的方式講解的非常詳細,有需要的朋友可以參考下2024-05-05
vue translate peoject實現(xiàn)在線翻譯功能【新手必看】
這篇文章主要介紹了vue translate peoject實現(xiàn)在線翻譯功能，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-06-06
這篇文章主要介紹了vue關于Promise的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06
這篇文章主要為大家詳細介紹了Vue組件簡易模擬實現(xiàn)購物車，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12