vxe grid slots 用法
创始人
2024-11-14 23:04:05
0

 官方例子:Vxe Table v3.8

  {                   field: 'num1',                   title: 'Num1',                   showHeaderOverflow: true,                   filters: [{ data: '' }],                   editRender: { autofocus: '.my-input' },                   slots: {                     // 使用插槽模板渲染                     default: 'num1_default',                     header: 'num1_header',                     footer: 'num1_footer',                     filter: 'num1_filter',                     edit: 'num1_edit'                   }                 },                 {                   field: 'address',                   title: 'Address',                   showOverflow: true,                   slots: {                     // 使用 JSX 渲染                     default: ({ row }) => {                       return [                          this.addressClickEvent(row) }>自定义模板内容                       ]                     }                   }                 },

自定义的用法

for (var item of tabhead) {

                    if (item.children != undefined && item.children != null) {

                        for (var subItem of item.children) {

                            //xsje销售金额

                            if (subItem.field == 'xsje') {

                                this.configData[subItem.field]=subItem.routerpath;

                                subItem.slots = {

                                    // 使用 JSX 渲染

                                    default: ({ row , column }) => {

                                        return [

                                            {

                                                var routerpath = this.configData[column.field];

                                                this.$refs.detailDailog.open(routerpath);

                                            }}>{row.xsje}

                                        ]

                                    }

                                }

                            }

                        }

                    }

                }

                this.tableColumns = tabhead

相关内容

热门资讯

第9分钟介绍!约局吧有没有挂(... 第9分钟介绍!约局吧有没有挂(外挂)原来是有挂工具(教会开挂下载);约局吧有没有挂免费下载原版,在约...
4分钟带你讲解!欢欢辅助软件怎... 4分钟带你讲解!欢欢辅助软件怎么样,顺欣茶楼辅助视频,教你攻略(真的有挂)-哔哩哔哩;打开点击测试直...
绝活儿外挂!wepoker有没... 绝活儿外挂!wepoker有没有挂,pokemmo辅助器手机版下载,黑科技教程(真是有挂)-哔哩哔哩...
八分钟了解!手游辅助平台(外挂... 八分钟了解!手游辅助平台(外挂)原来确实有挂插件(实测开挂脚本);1、点击下载安装,手游辅助平台插件...
七分钟了解!黑桃k辅助,wer... 七分钟了解!黑桃k辅助,werplan怎么透视,透视教程(有挂方法)-哔哩哔哩;黑桃k辅助是一款益智...
三分钟带你发现!新上游辅助,福... 福建天天开心辅助器是真的吗是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户...
烘培外挂!wpk有辅助吗,we... 【亲,we poker游戏下 这款游戏可以开挂的,确实是有挂的,很多玩家在这款we poker游戏下...
第1分钟指导!山西扣点子技巧,... 第1分钟指导!山西扣点子技巧,wpk真吗,2026新版技巧(详细教程)-哔哩哔哩;致您一封信;亲爱山...
十分钟得知!微信小程序游戏充值... 十分钟得知!微信小程序游戏充值破解(外挂)原来真的有挂平台(发现开挂软件);微信小程序游戏充值破解是...
三分钟带你讲解!杭州都莱大菠萝... 三分钟带你讲解!杭州都莱大菠萝怎么挂,随意玩辅助软件,教你攻略(有挂方法)-哔哩哔哩;无需打开直接搜...