ElementUI圖片懶加載失效的問題

嗶嗶

關於這個圖片懶加載的問題, 我在去年用了一次沒有成功, 當時以為是BUG問題,
然后現在又來用了, 還是不成功, 要么是圖片不顯示, 要么是一下全加載完了
*現在我使用的vue3+element-plus*

解決方法

然后我F12點進去一看, 哦

由於我們沒有設置, 所以div是0 就不顯示了

給加上塊級標簽和最小高度, 才會顯示

.demo-image__lazy .el-image {
    display: block;
    min-height: 200px;
    margin-bottom: 10px;
}