vue-lazyload单独设置错误图片宽高
时间: 2023-12-22 12:03:57 浏览: 79
在vue-lazyload中,可以通过设置`error`属性来指定加载错误时显示的图片,但是无法直接设置该图片的宽高。不过,可以通过CSS来设置该图片的宽高。
1. 首先,在`error`属性中指定图片的路径,例如:
```
<template>
<img v-lazy="imageSrc" :error="errorImg" />
</template>
<script>
export default {
data() {
return {
imageSrc: 'path/to/image',
errorImg: 'path/to/error/image'
}
}
}
</script>
```
2. 在CSS中设置错误图片的宽高,例如:
```
<style>
img[v-lazy].error {
width: 100px;
height: 100px;
}
</style>
```
在上面的例子中,我们使用了CSS属性选择器`[v-lazy].error`来选择错误图片,并设置了宽度和高度为100px。这样,在加载错误时,图片就会显示为100x100的大小。
阅读全文