vue-lazyload 动态切换图片问题

使用 vue-lazyload 当需要动态切换图片时，DOM绑定的图片不会变，查看插件官方文档跟demo都没有说到这一问题，难道这个问题就不能解决了，后翻了翻Issuse刚好前辈提了这一问题，原来需要加个 key，遂加之则图片就可以动态切换了，<img v-lazy="ImgSrc" :key="ImgSrc">这隐藏得够深的是

N_years

4829人浏览 · 2018-07-12 15:41:25

N_years · 2018-07-12 15:41:25 发布

使用 vue-lazyload 当需要动态切换图片时，DOM绑定的图片不会变，查看插件官方文档跟demo都没有说到这一问题，难道这个问题就不能解决了，后翻了翻Issuse刚好前辈提了这一问题，原来需要加个 key，遂加之则图片就可以动态切换了，

<img v-lazy="ImgSrc" :key="ImgSrc">

这隐藏得够深的是不是，刚好在项目中遇到这一问题所以就记录下来分享给大家了希望能帮助到您。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^