vue项目中图片懒加载时出现的问题及解决

目录

vue图片懒加载的问题

项目中遇到一个问题，记录一下，vue项目中前期没有做图片懒加载的时候，当lAjjr图片出现错误或者显示路径不对，我加了onerror事件进行错误监听并添加一张默认的图片，优化用户体验。

载时加入error引入一张默认图片就好了

vue图片懒加载实现步骤

t;<imgdata-src="//domain.com/img3.jpg"></div>

或者这种：

<div>v-lazy-container="{selector:'img'}"class="contentDivconstruction"v-html="content"></div>

以及我将html里面的图片路径拿到后，转换成懒加载的时候，

一定是 data-src，而不是v-lazy，要不然在接口获取的时候，拿到了图片地址，但是会一直显示不出来的。

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。