Vue基于iview table展示图片实现点击放大的方法是什么
导读:本文共1490字符,通常情况下阅读需要5分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 首先先安装依赖:npm install v-viewer --save然后全局引入,我这边是在main.js里面操作写的:import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'然后注册下:Vue.use(Viewer)Viewer.setDefaults({... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。首先先安装依赖:
npm install v-viewer --save
然后全局引入,我这边是在main.js里面操作写的:
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
然后注册下:
使用的一个demo就是:
其中item.img其实就是一个路径。
在回到iview表格中,
需要以
这种格式渲染出来,第一个参数是标签,第二参数是标签里面可以含props(vue的v-bind),也可以包含属性。第三个参数是数组,表示子标签。子标签也是这种格式的,以此递归下去。
所以改写成这种格式的,在本人项目中的一个demo如下,就可以实现在表格中点击图片进行放大展示:
本文:
Vue基于iview table展示图片实现点击放大的方法是什么的详细内容,希望对您有所帮助,信息来源于网络。