vue3-lazy中 lazyComponentProps不生效
时间: 2023-12-07 10:05:45 浏览: 112
可能是因为你没有正确设置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,可以这样写:
```html
<template>
<img v-lazy="imageUrl" :lazyComponentProps="{placeholderWidth: 100, placeholderHeight: 100}" />
</template>
```
这样,在所有使用`v-lazy`指令的地方,都会使用这个全局占位图,并且宽高都会被设置为100px。
阅读全文