当前第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》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » Vue基于iview table展示图片实现点击放大功能