uni-app 在md文档中多次使用图片时，以前图片被后续图片替换了

在使用 uni-app 开发时，如果你在 Markdown 文档中多次使用图片，并且发现图片被后续图片替换了，可能是因为图片的路径或命名冲突导致的。以下是一些可能的原因和解决方法：

1. 图片路径冲突

确保每张图片的路径是唯一的。如果你在不同的地方使用了相同的图片路径，可能会导致图片被覆盖或替换。

解决方法：

• 为每张图片使用不同的文件名。
• 将图片放在不同的目录中，确保路径唯一。

2. 图片缓存问题

有时候，浏览器或开发工具可能会缓存图片，导致你看到的是旧的图片而不是最新的。

解决方法：

• 清除浏览器缓存。
• 在图片路径后添加一个随机参数来避免缓存，例如：image.png?t=123456。

3. Markdown 渲染问题

某些 Markdown 渲染器可能会对图片路径进行特殊处理，导致图片显示不正确。

解决方法：

• 确保 Markdown 语法正确，图片路径使用绝对路径或相对路径。
• 使用 uni-app 提供的图片组件 <image> 来替代 Markdown 中的图片语法。

4. 图片资源未正确加载

如果图片资源未正确加载，可能会导致图片显示为空白或被替换。

解决方法：

• 检查图片路径是否正确。
• 确保图片资源已正确打包到项目中。

5. 使用 <image> 组件

在 uni-app 中，推荐使用 <image> 组件来显示图片，而不是直接在 Markdown 中使用图片语法。

示例：

<template>
  <view>
    <image src="/static/image1.png" mode="aspectFit"></image>
    <image src="/static/image2.png" mode="aspectFit"></image>
  </view>
</template>

6. 动态加载图片

如果你需要动态加载图片，可以使用 v-bind 来绑定图片路径。

示例：

<template>
  <view>
    <image :src="imagePath1" mode="aspectFit"></image>
    <image :src="imagePath2" mode="aspectFit"></image>
  </view>
</template>

<script>
export default {
  data() {
    return {
      imagePath1: '/static/image1.png',
      imagePath2: '/static/image2.png'
    };
  }
};
</script>