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-lazy如何修改全局占位图的宽高

要修改全局占位图的宽高，可以在使用`vue3-lazy`的地方，通过`lazyComponentProps`属性传入一个包含`placeholderWidth`和`placeholderHeight`属性的对象。

例如，如果想要将全局占位图的宽高都设置为100px，可以这样写：

<template>
  <img v-lazy="imageUrl" :lazyComponentProps="{placeholderWidth: 100, placeholderHeight: 100}" />
</template>

这样，在所有使用`v-lazy`指令的地方，都会使用这个全局占位图，并且宽高都会被设置为100px。