vue關於img src動態賦值問題
解決方法: 加個require()就可以了 <img :src="require('../assets/images/'+imgsrc+'.png')"/> ...
原文：vue中給img動態賦值的問題，使用require解決
參考文章：https: blog.csdn.net hzxonlineok article details 在寫一個 emoji 組件，需要用到很多 emoji 表情，使用 data 定義一個 emoji 數組，里面有 文字 和 img 路徑，發現圖片不能顯示，百度了一番，可以使用 require 來解決，require 是靜態編譯，在渲染DOM樹時，路徑就已經編譯成圖片資源了 ...
2021-05-27 00:14 0 212 推薦指數：
相關推薦
vue中本地img的src動態賦值
動態賦值本地圖片的src，本來以為可以在請求接口之后增加一個參數，使用require拼接引入，結果不行，於是看了一下網上的資料，原來要在html中將圖片當成模塊來引入，再綁定 這里還有一個坑，就是如果你是拼接其他參數的，需要判斷參數時候存在 僅供自己記錄一下 ...
Vue中動態（import 、require）顯示img圖片
vue中，經常會遇到顯示圖片的問題， 如果是一個普通組件的話，那么這樣就可以了 上文的弊端有兩個： 首先，是采用絕對路徑引入。如果以后圖片移動了位置，需要修改代碼。 其次，如果說圖片是一個logo圖片，同一頁面內有多處用到。就需要引用多次，同理，修改也要修改多處 ...
vue中使用require動態拼接img路徑
一般情況下，我們在使用require存放一個圖片地址時，都是這么寫： 然后當適配不同的設備時直接對這個地址進行賦值即可 但是當一次性要替換的圖片過多時，比如給菜單這種很多圖片進行賦值，那顯然一個個的去寫賦值肯定不行，於是可以使用for循環去賦值 ...
Vue.js 動態為img的src賦值
在vue中動態給src賦值綁定圖片會顯示不出來 動態添加src被當做靜態資源處理了，沒有進行編譯 解決方法： 1、用網絡地址 把圖片放在cdn或自己的服務器上，把網絡地址存在imgUrl里，然后直接<img :src="Url"> 2.把圖片放在src同級的static文件夾 ...
Vue中img標簽中src動態綁定圖片路徑報錯問題解決
需求：需要將原來的vue項目中的圖片改為動態切換，例如鼠標移入換下一張，按鈕點擊換另一張 問題：正常來說想到的就是將src='www.baidu.com'改為:src='imgSrc',然后data定義路徑，配合事件切換，但是會發現在打包編譯后，圖片的地址是找不到的，解決辦法就是使用 ...
v-for給img的src動態賦值問題
做一個輪播圖，給img賦值src 發現全部都加載失敗了，原因是webpack把圖片作為模塊處理，下面是解決方法 對於輪播圖，也可以作為背景圖去做 ...
vue循環動態綁定圖片img地址（require）
html: js--data 綁定數據 ...