vue3中如何使用el-image实现图片预览

在Vue3中，可以通过el-image组件来实现图片预览功能。首先需要安装element-plus：

npm install element-plus -S

然后在需要使用的组件中引入el-image：

<template>
  <el-image
    style="width: 100%; height: 100%"
    :src="imageUrl"
    :preview-src-list="[imageUrl]"
    :lazy="false"
  ></el-image>
</template>

<script>
import { ElImage } from "element-plus";

export default {
  components: {
    ElImage,
  },
  data() {
    return {
      imageUrl:
        "https://picsum.photos/1280/720?random=" + Math.floor(Math.random() * 100),
    };
  },
};
</script>

其中，`:src`绑定图片地址，`:preview-src-list`绑定预览图片地址列表，`:lazy`设置为false可以禁用懒加载。

这样就可以实现图片预览功能了。