v-lazy指令要求必须传入完整的图片链接,但是在实际开发过程中,图片存放在七牛,数据库只是保存图片的key。并且在加载图片时,还可能图片进行一些优化处理,因此加载图片的过滤器是必不可少的。Vue 2 指令中虽然无法直接使用过滤器,但是还有一种比较 hack 的方法可以在指令中使用过滤器。
exportdefault(lazyManager)=>({// props.src 监听变化 执行// 把 Vue 实例对象 this 添加到 lazy 实例中// 执行 lazyLoaderHandler 函数(发现节点(元素)在视口,触发 load 事件)watch:{src(){this.init();lazyManager.addLazyBox(this);lazyManager.lazyLoadHandler();},},created(){// 初始化this.init()...
阿里云为您提供vue-lazyload图片延迟加载插件相关的11200条产品文档内容及常见问题解答内容,还有等云计算产品文档及常见问题解答。如果您想了解更多云计算产品,就来阿里云帮助文档查看吧,阿里云帮助文档地址https://help.aliyun.com/。