今天小學(xué)習(xí)了下Vue的使用，當(dāng)然我的是2.9.4版本，vue-lazyload支持vue 2.x，在做列表分頁(yè)的時(shí)候發(fā)現(xiàn)取到數(shù)據(jù)之后，文字部分都更新了，但是唯獨(dú)圖片不更新，檢查了下接口的返回沒(méi)有問(wèn)題，再看了下element上的元素，原來(lái)圖片的src始終沒(méi)有改變！

阿西吧...改成src，發(fā)現(xiàn)還是親的好（皮一下-_-#）

// 之前的寫法
 <img v-lazy="'static/'+item.image" alt="">
// 改之后的寫法:key="item.image"
 <img v-bind:src="'static/'+item.image" alt="">

仔細(xì)想了下難道就沒(méi)有辦法了嗎？我就想用了插件咋就這么困難呢！按照以往的經(jīng)驗(yàn)先上GitHub的issues問(wèn)題庫(kù)找找，不行再去stack overfolw查找【技巧：xxx site:stackoverflow.com】，果然又踩了前人留下的坑，翻了幾個(gè)issues看看，原來(lái)加個(gè)key就搞定了！

image.png

// 完美版的代碼
<img v-lazy="'static/'+item.image" :key="item.image" alt="">

總結(jié)：查找問(wèn)題還是先從根源查找，不要上來(lái)就各種百度！