效果： index.html: 注意：我使用的vue版本是2.5.2 Detail父組件: DetailSwiper子組件： componentSwiper.css: ...

最近遇見動態渲染img時，想起了當初剛開始寫vue時，曾經遇見的一個小小坑。 Vue中：img的src屬性是動態渲染時不顯示問題1.需求：展示用戶頭像，數據從后台獲取，如果沒有拿到則顯示默認圖片。 如圖： 2.第一次寫： 如圖： 3.結果（汗。。。）並沒有顯示默認圖片 ...

在vue中寫動態展示圖標的需求時，遇到個小坑： 需求：（根據權限動態展示圖標，如果沒有顯式默認圖標） 錯誤寫法1： 錯誤 ...

需要在最后重置一下輪播 ...

...

　　實屬不才，因為好久沒看vue導致忘光了，然后發生了這么小的一個問題，慚愧。 　　注：vue的注冊的el一定要放嘴最外層，不要和v-for放在一起，否則不會顯示，因為可以這樣講，el包含的是一個容器，而v-for是為了執行那個循環，不能將容器循環了不是。 ...

:src="img" alt=""> export default { data() { return { ...

問題原因：路徑問題 解決辦法：在build/utils.js下，插入 完整代碼 ...