vue3中 vue-lazyload @loading如何修改宽高
时间: 2023-09-21 09:11:24 浏览: 92
代码动态设置view或布局的宽高
在vue-lazyload中,可以通过以下方式修改@loading的宽高:
1. 使用CSS样式:在组件中使用CSS样式来设置@loading的宽高,例如:
```html
<template>
<img v-lazy="imageUrl" class="lazy-img" />
</template>
<style>
.lazy-img {
width: 200px;
height: 200px;
}
</style>
```
2. 使用lazy-component组件:在组件中使用lazy-component组件来设置@loading的宽高,例如:
```html
<template>
<lazy-component
v-lazy="imageUrl"
:loading="'/loading.gif'"
:error="'/error.png'"
:width="200"
:height="200"
></lazy-component>
</template>
```
在上面的示例中,我们使用lazy-component组件来设置@loading的宽高。可以通过设置width和height属性来设置@loading的宽高。
阅读全文