element 大图预览
时间: 2023-09-14 09:04:36 浏览: 53
在Element-ui中,可以通过使用图片查看器(el-image-viewer)来实现大图预览的功能。你可以给el-image组件添加一个previewSrcList参数,并将想要预览的图片数组传入即可。这个图片数组由多个图片组成。另外,你也可以使用纯js的方式来实现element图片预览,包括放大、缩小、旋转和还原功能,同时也支持鼠标拖动图片和滚轮放大缩小图片的操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Element-ui中 使用图片查看器(el-image-viewer) 预览图片](https://blog.csdn.net/ZYS10000/article/details/121881485)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [elementUi——点击图片时,预览所有大图——功能实现(两种方案)](https://blog.csdn.net/yehaocheng520/article/details/119608600)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [纯js仿element图片预览](https://download.csdn.net/download/a86115592/87717718)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]