Vue基于iview table展示图片实现点击放大的方法是什么(iview,table,vue,开发技术)

时间:2024-05-03 01:23:55 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    Vue%E5%9F%BA%E4%BA%8Eiview+table%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87%E5%AE%9E%E7%8E%B0%E7%82%B9%E5%87%BB%E6%94%BE%E5%A4%A7%E7%9A%84%E6%96%B9%E6%B3%95%E6%98%AF%E4%BB%80%E4%B9%88

首先先安装依赖:

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展示图片实现点击放大的方法是什么的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:c++实现Base64算法的方法下一篇:

7 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18