vue中使用图片预览插件v-viewer

安装依赖

npm install v-viewer --save

main.js中配置

//引入图片查看器
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'

Vue.use(Viewer, {
    defaultOptions: {
        zIndex: 9999
    }
})

在vue单文件组件中使用

<viewer>
	<img :src="props.row.SignatureImg">
</viewer>

效果图

在这里插入图片描述

发布了229 篇原创文章 · 获赞 404 · 访问量 22万+

猜你喜欢

转载自blog.csdn.net/yw00yw/article/details/103187382