原文:vue项目中编写一个图片预览的公用组件

今天产品提出了一个查看影像的功能需求。 在查看单据的列表中,有一列是影像字段,一开始根据单据号调用接口查看是否有图片附件,如果有则弹出一个全屏的弹出层,如果没有给出提示。而且,从列表进入详情之后,附件那边也会有一个查看影像的按钮。 所以,根据需求,多个组件需要用到查看影像的功能,所以考虑做一个公用组件,通过组件传值的方法将查看影像文件的入参传过去。 后来,产品要求图片可以旋转缩放。 废话不多说,贴 ...

2018-10-26 15:14 2 937 推荐指数:

查看详情

vue项目中图片预览旋转功能

最近项目中需要在图片预览时,可以旋转图片预览,在网上找了下,发现有一款功能强大的图片组件:viewerjs. git-hup: https://github.com/fengyuanchen/viewerjs 在git上看了下,有很多功能,不过我的项目只需要做个图片旋转 ...

Mon Oct 14 01:35:00 CST 2019 0 2246
vue多个路由公用一个组件

vue中我们经常会使用/Id/:id 尽管我们改变了id传入了不同的路由,但我们还是使用的同一个view。 当我们多个路由公用一个组件时,钩子函数(created和mounted)只会触发一次,我们如果想要多次触发,有两种方法: 第一种方法: 在app.vue中添加 ...

Fri Apr 30 03:00:00 CST 2021 0 312
vue一个图片上传预览组件,附vue-router基础用法

   7-4更新 => 已将本次项目上传至 githulb/lonhon 欢迎大家下载,以后做的新东西也都会更新在上面。 之前发了一篇关于自己看待前端组件化的文章,但是由于学习和实践的业务逻辑差异,所以自己练习的一些demo逻辑比较简单,打算用vue重构现在公司 ...

Tue Jul 04 07:49:00 CST 2017 6 9756
Taro -- 上传图片公用组件

效果图 子组件chooseImage 父组件home 这图片未压缩过,后面会进行优化,处理图片压缩 未完待续。。。。 ...

Tue Dec 01 23:10:00 CST 2020 1 503
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM