uniapp的poster 属性怎么使用

在Uniapp中，`poster`属性用于设置组件的预览图像，通常用于在加载组件内容时显示一个占位图。以下是如何使用`poster`属性的示例：

1. 在组件的`template`中，将`poster`属性添加到需要显示预览图像的组件上。

<template>
  <view>
    <image :src="imageUrl" mode="aspectFill" :poster="posterUrl"></image>
  </view>
</template>

2. 在组件的`data`中定义`posterUrl`变量，并将其设置为预览图像的URL。

<script>
export default {
  data() {
    return {
      imageUrl: 'https://example.com/image.jpg',
      posterUrl: 'https://example.com/poster.jpg',
    };
  },
};
</script>

在上述示例中，`imageUrl`是要显示的实际图像的URL，而`posterUrl`是要显示的预览图像的URL。当实际图像加载完成之前，预览图像将作为占位符显示。

请注意，`poster`属性仅在组件初次加载时有效。一旦实际图像加载完成并显示，预览图像将被替换。