vue3-lazy如何修改全局占位图的宽高
时间: 2024-05-09 07:21:15 浏览: 54
vue-lazyload使用总结(推荐)
要修改全局占位图的宽高,可以在使用`vue3-lazy`的地方,通过`lazyComponentProps`属性传入一个包含`placeholderWidth`和`placeholderHeight`属性的对象。
例如,如果想要将全局占位图的宽高都设置为100px,可以这样写:
```html
<template>
<img v-lazy="imageUrl" :lazyComponentProps="{placeholderWidth: 100, placeholderHeight: 100}" />
</template>
```
这样,在所有使用`v-lazy`指令的地方,都会使用这个全局占位图,并且宽高都会被设置为100px。
阅读全文