非常實(shí)用的圖片預(yù)覽插件,支持旋轉(zhuǎn)、縮放、翻轉(zhuǎn)等操作
npm i v-viewer -S
import 'viewerjs/dist/viewer.css'import Viewer from 'v-viewer'Vue.use(Viewer)//配置項(xiàng)Viewer.setDefaults({ zIndexInline:9999})
<!--1、以組件的形式--><viewer :images="photo"> <img v-for="(src,index) in photo" :src="src" :key="index"/> </viewer><!--2、以指令的形式-->只需要將v-viewer指令添加到任意元素即可,該元素下的所有img元素都會(huì)被viewer自動(dòng)處理。<div v-viewer> <img v-for="(src,index) in photo" :src="src" :key="index"/> </div>