Vue基于iview table展示图片实现点击放大功能


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

{

  title: '二维码',

  align: 'center',

  render: (h, params) => {

    console.log('h, param', params);

    let devicesArr = [];

    let photo = [];

    photo.push('/erweima/'+params.row.pt_number+'.png');

    devicesArr.push(

      h('Tooltip', {

        props: {

          trigger: 'hover',

          placement: 'top',

          content: '二维码'

        }

      }, [

        h('viewer', {

          props:{

            images:photo

          }

        }, [

          h('img', {

            attrs: {

              src:photo[0],

              style: 'width: 22px;margin-right:5px'

            },

          })

        ])

      ])

    );

    return h('p', devicesArr);

  }

}

相关学习推荐:编程视频

以上就是Vue基于iview table展示图片实现点击放大功能的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vue.use方法怎么用

element-ui如何操作table滚动效果

vue.js算开发工具吗

浅谈vue.js中$refs的使用方法(附代码)

一文带你看看vue router4中的酷炫功能

html5中table的意思是什么

bootstrap table实现定时刷新数据的方法

vue如何给组件加css样式

为什么使用vue的作用域插槽?什么时候使用?

css如何实现不显示table的边框

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...