背景：el-upload的图片预览效果不佳，发现el-image的预览大图的功能不错。所以image-viewer。
做法：源码中拿
坑：此处有用法上的歧义，当在for循环中调用此组件，因为其绑定的opacity（不透明）属性，在同一父级下透明度为父opacity*子opacity。所以单个图片的蒙层会和多图时蒙层颜色不一致（通俗讲，多个图片时，你的背景会是黑的）
解决方法：不在for中调用，只要保证你的每次打开时能将url赋值进你的viewUrl就行了。
用法：下文写得不错，这里就不写了。
————————————————
原文链接：https://blog.csdn.net/qq_38977441/article/details/105976959
补充坑：层级问题。关于element ui的el-drawer，z-index初始2000，每打开一次都会+1。由于image-viewer设定了2000所以以后都只会出现在el-drawer下面。
原因：详见一下链接。
————————————————
原文链接：https://segmentfault.com/a/1190000039967181
解决办法：暂时image-viewer的z-index设定5000。