vform-数据表格中,如何使用render和h函数,写出图片预览功能

[复制链接]
查看: 4882   回复: 4

3

主题

2

回帖

2万

积分

论坛元老

Rank: 8Rank: 8

积分
24281
2023-4-27 17:27:44   显示全部楼层   阅读模式  
vform-数据表格中,如何使用render和h函数,写出图片预览功能?
我知道答案 回答被采纳将会获得200 威望 已有4人回答
回复

使用道具 举报

7

主题

237

回帖

27万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
271857
2023-5-9 12:04:44   显示全部楼层  
1. 首先学习Vue官方文档,掌握render函数的使用方法:

Vue2的render函数使用文档:https://v2.cn.vuejs.org/v2/guide/render-function.html

Vue3的render函数使用文档:https://cn.vuejs.org/guide/extra ... tml#creating-vnodes

2. 掌握了render函数的使用方法之后再看下面帖子:
http://pay.chat.vform666.com/forum.php?mod=viewthread&tid=20
回复

使用道具 举报

0

主题

7

回帖

19

积分

新手上路

Rank: 1

积分
19
yyx
2023-9-5 10:04:10   显示全部楼层  
1. 首先学习Vue官方文档,掌握render函数的使用方法:

Vue2的render函数使用文档:https://v2.cn.vuejs.org/v2/guide/render-function.html

Vue3的render函数使用文档:https://cn.vuejs.org/guide/extra ... tml#creating-vnodes

2. 掌握了render函数的使用方法之后再看下面帖子:
http://pay.chat.vform666.com/forum.php?mod=viewthread&tid=20
回复

使用道具 举报

0

主题

10

回帖

36

积分

新手上路

Rank: 1

积分
36
dpl
2023-9-18 08:24:41   显示全部楼层  
同一个问题
回复

使用道具 举报

0

主题

1

回帖

2万

积分

论坛元老

Rank: 8Rank: 8

积分
26055
2023-11-16 18:19:16   显示全部楼层  
const {row, column} = params
const cellValue = row[column.prop] || ''
const url=[]
url.push(cellValue)
return h('el-image', {attrs: {src: cellValue,previewSrcList:url},style: {
            width: '100px',height:'50px'}}

)

回复

使用道具 举报

您需要登录后才可以回帖   登录 注册账号

高级模式