天天看點

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" });