vue render載入img的src路徑問題

2021-10-25 09:23:38 字數 651 閱讀 4761

一般我們都在src下的assets資料夾下images下

html中我們這樣使用沒問題

"../../../../assets/images/know/_bji.png"style=

"width:24px;border-radius:5px;"

/>

// ../../../../這個路徑就根據自己在哪個檔案中獲取來自行寫了

vue render配置img的src路徑方法如下:

render:

(h, params)

=>

, attrs:})

]);}

注意:如果把放在assets與static中,html頁面可以使用;但在動態繫結中,assets路徑的會載入失敗,webpack使用的是commenjs規範,必須使用require才可以,具體參考:這裡有更詳細的解釋

然後解決方法: 專案中img挪下位置放到static/images下

render:

(h, params)

=>

, attrs:})

]);}

chrome下img載入對height 的影響

這是文字 這裡顯示結果。將此 在chrome執行,當alert視窗彈出時,將會發現頁面的img並沒有載入。執行結果如下 這是文字 showimg 112 0 showtext 18 1 此處 img的預設寬度為112,但是我鏈結的img的寬度為1000,2 此處img的高度為0,現做如下改動 執行結...

img載入卡頓,解決辦法

當前情況是 載入緩慢,載入時出現卡頓。載入完 2.banner圖載入情況 banner有3張圖,載入的時候就分了三層。發現這個情況的時候,我表示自己很萌萌噠。1.css樣式和輪播圖js影響了的載入 初始情況下,我猜測是我的css樣式沒有寫好,可能js輪播也有問題。但是我在本地伺服器上訪問的時候,一切...

img和background image的各種區別

background image是背景,是css的乙個樣式 background image是只能看的 background是css3的樣式 img 是html的標籤,兩者之間存在本質的區別 background image存在於大的background中,其屬性設定多種多樣,變換較為豐富 img ...