1. 程式人生 > >vue 點擊圖片放大

vue 點擊圖片放大

color cti 引入 www pack style code set http

文檔:https://www.npmjs.com/package/vue-directive-image-previewer 【只能彈框查看 不能關閉和播放下一張,其他功能使用別的插件】

安裝:

npm install vue-directive-image-previewer -D

引入 main.js

import VueImageView from ‘vue-directive-image-previewer‘
import ‘vue-directive-image-previewer/dist/assets/style.css‘
Vue.use(VueImageView, {
  zIndex: 
‘2019‘ /*彈框的圖片級別設置高點 才能在最上層 看的到 更多參數見文檔*/ })

使用

<img v-image-preview src="some-pic-url"/>

vue 點擊圖片放大