vue-photo-preview插件實現點擊圖片放大組件

1.安裝css

  npm install vue-photo-preview --savevue

2.項目 main.js引用npm

import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview)spa

3.在HTML代碼中使用class

// 直接設置preview 屬性就能用
<img src="xxx.jpg" preview preview-text="描述">

import

相關文章
相關標籤/搜索