阅读 99

VueImgsPreview 基于vue-cli3 图片预览工具

   Male

前端之路,不虚此行

VueImgsPreview

npm

基于vue-cli3的图片预览插件

花了一天的时间,抽离了一个业务中的组件。写的不好,请多指教

预览

Male

功能

  • 图片的拖拽事件

  • 图片下载功能

  • 图片左右切换功能

  • 检索Dom内所有图片,添加点击事件

  • 图片的放大缩小功能,支持鼠标滚轮事件

Use

install

npm install vue-imgs-preview --save  

Vue.use(VueImgsPreview)
复制代码

main.js

import VueImgsPreview from 'vue-imgs-preview'
复制代码

App.vue

<img-preview :imgPre="true" :articleId="'Doc'" ></img-preview>
复制代码

API

参数 说明 类型 默认值
imgPre 组件的显示状态 Boolean false
articleId 文章Dom的ID String null

About

有任何问题都可以先Star,后留言;
加入群一起探索前端世界

关注下面的标签,发现更多相似文章
评论