owl-preview-image

preview-image

Vue 图片预览组件

 

现在组件已更名为 fox-preview-image

安装

npm i owl-preview-image
# or
yarn add owl-preview-image

 

安装

npm i owl-preview-image
# or
yarn add owl-preview-image

引入组件

import owlPreviewImage from "owl-preview-image";

Vue.use(owlPreviewImage)

基础使用

<owl-preview-image v-model="visiable" :src="imageSrc" width="90vw" height="90vh" z-index="9000"></owl-preview-image>

演示地址

GITHUB

码云

API

属性	说明	参数类型	默认值
src	预览图片的地址	String	-
visiable/v-model	是否显示预览窗口	Boolean	false
width	预览窗口的宽度	String	100vw
height	预览窗口的高度	String	100vh
z-index	预览窗口的层级-css 的 zIndex	Number	9000

更新日志

v0.1.7

• fix: 修复当路由切换时，由组件添加的元素为销毁的 bug

v0.2.0

• feat: 预览图片默认设置在中央位置