vue |实现点击图片预览浏览器满屏大图

• 安装插件

npm install vue-directive-image-previewer -D 

• 在main.js 引入插件

import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'

import 'vue-directive-image-previewer/dist/assets/style.css'

Vue.use(VueDirectiveImagePreviewer)  

• 使用

<img v-image-preview src="picture-url"/> 

篇外话

相信大多数人无论在学习还是工作中都或多或少遇到过一些效率低下的情景：

- 永远有做不完的工作、开不完的会，自己的精力又十分有限，十分焦虑事情做不完怎么办

- 明明有很多事情要做，却无法集中注意力，不断切换处理不同的事情，时间和精力在大量内耗中被消耗掉，实际的输出效率十分低下

- 要做的事情越多拖延症越严重，面对繁多的任务不知如何下手，时间快速流逝，临近deadline的时候突然发现什么都没做

感同身受的，欢迎你加我微信：产品界的007，我们一起探讨。