Vue Lazysizes Directive

If you use Lazysizes this vue-directive updates img element if src attribute is dynamic

How to use

Install package

yarn add vue-lazysizes

Script section of SFC

1<script>
2import vueLazysizes from 'vue-lazysizes';
3
4export default {
5  directives: {
6    lazysizes: vueLazysizes
7  },
8}
9</script>

Template section

1<img v-lazysizes :data-src="dynamicSrc" />