Vue批量圖片顯示時遇到的路徑被解析問題
最近在學(xué)Vue，感覺很難理解，學(xué)不懂。
昨天晚上開始第一個頁面的搭建，腦子感覺通了一點，大概知道該怎么做了。
在放置輪播圖時，要調(diào)用很多圖片，圖片路徑在data的一個數(shù)組里，用v-for循環(huán)（因為還不會做輪播圖，從網(wǎng)上找的代碼）
圖片路徑是對的，但是不顯示，就用普通img標(biāo)簽放了個圖片看了一下，這樣
網(wǎng)頁上卻變成了這樣
于是我把每個圖片都放了一次，把每個解析后的地址都粘貼在數(shù)組里，成了
但是這種方法也太蠢了，以后不能也這樣辦吧
就在網(wǎng)上查了一下，要加一個require，很多帖子里的圖片路徑都加了個require，那就試試
成功！ 但是不知道是什么原理，大概是把路徑的字符串封裝起來了？
然后又去查了查require是干啥的，感覺用過 ，但不知道哪里用過
使用位置
require是運行時調(diào)用，所以require理論上可以運用在代碼的任何地方
require本質(zhì)
require是賦值過程，其實require的結(jié)果就是對象、數(shù)字、字符串、函數(shù)等，再把require的結(jié)果賦值給某個變量
這樣的話就把路徑字符串變成變量了
以上所述是小編給大家介紹的Vue批量圖片顯示時遇到的路徑被解析問題詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
在本文中我們給大家整理了一篇關(guān)于Vue表單控件綁定的相關(guān)知識點內(nèi)容，有需要的朋友們參考下。2019-02-02
vue3?使用defineAsyncComponent與component標(biāo)簽實現(xiàn)動態(tài)渲染組件思路詳解
這篇文章主要介紹了vue3?使用defineAsyncComponent與component標(biāo)簽實現(xiàn)動態(tài)渲染組件,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
在vue中當(dāng)我們管理數(shù)據(jù)的時候比較亂，我們要用到下面的這個庫，本文主要介紹了如何使用 Vuex的入門教程，具有一定的參考價值，感興趣的可以了解一下2022-02-02
這篇文章主要介紹了使用vxe-table合并單元格后增加選中效果，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
Vue組件傳值方式(props屬性,父到子,子到父,兄弟傳值)
這篇文章主要介紹了Vue組件傳值方式(props屬性,父到子,子到父,兄弟傳值),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06
本篇文章主要介紹了vuejs實現(xiàn)遞歸樹型菜單組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
最近一直在做的項目是Vue2搭建的項目，本文主要介紹了Vue全局自定義指令Modal拖拽的實踐，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
Vue.js報錯Failed to resolve filter問題的解決方法
這篇文章主要介紹了Vue.js報錯Failed to resolve filter問題的解決方法,需要的朋友可以參考下2016-05-05
最近入門vue,用字節(jié)跳動的arco初始化一個項目的時候報錯自己解決后沒來的及截圖,從別人那拷貝個網(wǎng)圖把,是一樣的報錯,本文給大家分享vue 解決報錯問題小結(jié),感興趣的朋友一起看看吧2023-09-09
keepalive是Vue的內(nèi)置組件,作用是將組件緩存在內(nèi)存當(dāng)中,防止重復(fù)渲染DOM,屬于消耗內(nèi)存獲取速度,這篇文章主要介紹了vue3項目keepAlive使用方法,主要將keepaliev在vue3.0中的用法,需要的朋友可以參考下2024-03-03