049_Image图片

最新推荐文章于 2025-02-08 20:30:21 发布

自由与束缚JavaJavaScript

最新推荐文章于 2025-02-08 20:30:21 发布

阅读量867

点赞数

分类专栏： element-ui 文章标签：前端

本文链接：https://blog.youkuaiyun.com/aihiao/article/details/123276676

版权

本文详细介绍了Element UI的Image组件，包括其特性、属性、事件和插槽的使用，并通过创建多个示例（基础用法、占位内容、加载失败、懒加载和大图预览）展示了其在实际项目中的应用。这些示例涵盖了图片适应容器、自定义占位符、错误处理、懒加载和预览功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. Image图片

1.1. Image图片容器, 在保留原生img的特性下, 支持懒加载, 自定义占位、加载失败等。

1.2. Attributes

参数	说明	类型	可选值	默认值
src	图片源, 同原生	string	无	无
fit	确定图片如何适应容器框, 同原生object-fit	string	fill / contain / cover / none / scale-down	无
alt	原生alt	string	无	无
referrer-policy	原生referrerPolicy	string	无