vue 前端如何实现图片预览以及文档预览(格式txt,doc,docx,xls,xlsx,ppt,pptx,pdf,bmp,gif,jpg,pic,png,jpeg)
3条回答 默认 最新
- 马卫斌 前端工程师 2022-09-08 14:57关注
看下这个代码,可以点击图片显示大图
<div class="demo-image__preview"> <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList"> </el-image> </div> <script> export default { data() { return { url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', srcList: [ 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg', 'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg' ] } } } </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报