@forzoom/vue-load v0.0.1

Install

npm install @forzoom/vue-load;

Description

其中提供了一个插件，并且定义了一个指令，用来在加载图片时，对图片url进行操作。 大部分逻辑受到 vue-Lazyload 启发。

目前只试吃浏览器端，不支持SSR

插件配置

插件参数

例如:

v-load:background="xxx" // background: url(xxx)
v-load:background-image="xxx" // background-image: url(xxx)

过滤器函数

例子：

{
	addPostfix: function(listener, config) {
		// 在所有的图片url结尾添加`-120`
		listener.src += '-120';
	},
}

listener结构为 { el, src, }

config结构为 { supportWebp }

Usage

import Vue from 'vue';
import VueLoad from '@forzoom/vue-load';

Vue.use(VueLoad, {
	directiveName: 'my-load',
	filters: {
		addPostfix: function(listener, config) {
			// 在所有的图片url结尾添加`-120`
			listener.src += '-120';
		},
	},
});

<img />