uniapp 在图片加载好之前展示默认图片

在使用 UniApp 中展示默认图片的方法是通过给 `img` 组件添加 `:src` 和 `@load` 属性来实现的。具体步骤如下：

1. 在 `data` 中定义一个变量，例如 `defaultImg`，用于保存默认图片的路径。
2. 在模板中使用 `img` 组件，并将 `:src` 绑定到一个变量，例如 `imgSrc`，同时添加 `@load` 事件监听器。

   <img :src="imgSrc" @load="onImageLoad">

3. 在 `methods` 中定义 `onImageLoad` 方法，用于在图片加载完成后执行的逻辑。在该方法中，可以将 `imgSrc` 设置为要展示的图片路径。

   methods: {
     onImageLoad() {
       // 图片加载完成后执行的逻辑
       // 可以在此处将 imgSrc 设置为要展示的图片路径
     }
   }

4. 在 `mounted` 生命周期钩子中，将 `imgSrc` 设置为默认图片的路径，即 `defaultImg`。

   mounted() {
     this.imgSrc = this.defaultImg;
   }

通过以上步骤，当页面加载时，`img` 组件会展示默认图片。当图片加载完成后，`@load` 事件会触发 `onImageLoad` 方法，你可以在该方法中将 `imgSrc` 设置为实际要展示的图片路径，实现图片加载完成后的切换效果。