天天看点

vue图片预览组件vue-preview-img

github代码地址

vue-preview-img

基于vue的PC端图片预览组件,支持拖拽、旋转和放大缩小。

vue图片预览组件vue-preview-img

使用方式

  1. 安装
npm i vue-preview-img --save
           
  1. 在main.js中注册
import previewImg from 'vue-preview-img'
import '../node_modules/vue-preview-img/lib/vue-preview-img.css'
Vue.use(previewImg)
           
  1. 调用
// src: 传入图片路径
this.$previewImg({ src: "http://xxxx.jpg" });