在使用mpvue開發小程序過程中,在使用img標簽時出現問題,
<img :class="cdCls" width="40" height="40" :src="currentSong.image">發現圖片寬高並不是我們想象中的寬40,高40.
如下圖所示:

<img>標簽會被編譯成小程序中的<image>標簽
.
在查看小程序官方文檔:

我們發現小程序的<image>標簽並沒有width\height屬性,所以在<img>標簽中的width\height並不會被編譯,所以需要寫成內聯樣式。
<img :class="cdCls" style="width:40px;height:40px" :src="currentSong.image">
效果如圖:

