vue3-lazy中 lazyComponentProps不生效

可能是因为你没有正确设置lazyComponentProps。

请确保你已经正确设置了属性名和属性值，例如：

<template>
  <div>
    <lazy-component
      :lazy-component-props="{ prop1: 'value1', prop2: 'value2' }"
      lazy-component-name="MyComponent"
    />
  </div>
</template>

并且在你的lazyComponent组件中，你需要通过props选项来接收这些属性，例如：

<template>
  <div>
    <h1>{{ prop1 }}</h1>
    <h2>{{ prop2 }}</h2>
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  props: {
    prop1: {
      type: String,
      default: ''
    },
    prop2: {
      type: String,
      default: ''
    }
  }
}
</script>

如果你仍然遇到问题，请检查你的代码，确保没有其他问题，或者提供更多的信息，以便更好地解决问题。

相关问题

vue3中 vue-lazyload @loading不生效

如果在 Vue 3 中使用 vue-lazyload，但是 @loading 属性不起作用，可能是由于以下原因：

1. Vue 3 中的模板语法发生了变化，需要使用 v-bind 指令来绑定属性，而不是使用 @ 符号。因此，应该使用 v-bind:loading 或 :loading 来绑定 @loading 属性。

2. 如果你使用的是 Vue 3.0.0-beta.6 或更高版本，那么 vue-lazyload 可能不再兼容。你可以尝试升级到最新版本，或者使用其他 lazyload 库。

3. 检查一下你的图片是否正确加载。如果图片已经加载，那么 @loading 属性当然不会起作用。你可以尝试使用一张比较大的图片来测试。

4. 确认一下你的组件是否正确引入了 vue-lazyload。你可以在浏览器控制台中查看是否有报错信息。

如果以上方法都无法解决问题，你可以尝试提供更多的代码和错误信息，以便我们更好地了解问题所在。

vue3-lazy中的lazyLoadErrorImgStyle

vue3-lazy中的lazyLoadErrorImgStyle是一个可选的属性，用于定义当加载图片失败时显示的占位图片的样式。

该属性的类型为字符串，即可以使用CSS样式来定义占位图片的样式。例如：

<template>
  <img v-lazy="imageSrc" lazyLoadErrorImgStyle="width: 100px; height: 100px;"/>
</template>

在上面的示例中，当图片加载失败时，会显示一个宽度为100px，高度为100px的占位图片，其样式定义在lazyLoadErrorImgStyle属性中。