Komponen penampil gambar untuk Vue.js

Blog

Komponen penampil gambar untuk Vue.js

Komponen penampil gambar untuk vue, mendukung rotasi, skala, zoom, dan sebagainya, berdasarkan viewer.js

materi kemajuan linier-ui

Demo langsung

Contoh

Migrasi dari 0.x

  • Satu-satunya perubahan yang harus Anda lakukan adalah mengimpor |_+_| . secara manual mengajukan:
.css

Instalasi

Instal dari GitHub melalui NPM

import 'viewerjs/dist/viewer.css'

Penggunaan

Untuk menggunakan |_+_|, cukup impor dan |_+_| file, dan panggil |_+_| untuk memasang.

npm install v-viewer  
  • Bawaan: |_+_|
  • Jika Anda perlu menghindari konflik nama, Anda dapat mengimpornya seperti ini:

    Tampilkan import 'viewerjs/dist/viewer.css' import Vuer from 'v-viewer' import Vue from 'vue' Vue.use(Vuer, {name: 'vuer'}) export default { data() { images: [' img/blog/32/image-viewer-component.jpg'>https://mirari.github.io/v-viewer/  

    Situs Web Resmi: https://github.com/mirari/v-viewer

    #vuejs #javascript # vue-js