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

相关内容

热门资讯

实测分享!微信小程序免费黑科技... 实测分享!微信小程序免费黑科技,蜜瓜大厅辅助免费下载窍门教程(有挂猫腻)1、玩家可以在微信小程序免费...
截至发稿!微乐小程序黑科技,蛮... 截至发稿!微乐小程序黑科技,蛮籽酉阳大贰辅助手册教程(有挂方法)1、进入到微乐小程序黑科技是否有挂之...
一分钟教会你!微信小程序免费黑... 一分钟教会你!微信小程序免费黑科技开挂,欢乐茶馆脚本方案教程(有挂细节)1、微信小程序免费黑科技透视...
热门推荐!微信小程序免费黑科技... 热门推荐!微信小程序免费黑科技辅助,朋友局辅助器绝活教程(发现有挂)热门推荐!微信小程序免费黑科技辅...
2024教程!微信小程序免费黑... 2024教程!微信小程序免费黑科技透视,卡五星辅助器逍遥模块教程(确实有挂)1、玩家可以在微信小程序...
现有关情况通报如下!微信小程序... 现有关情况通报如下!微信小程序免费黑科技开挂,潮汕木虱有辅助挂吗积累教程(有挂详细)1)微信小程序免...
据相关数据显示!微乐小程序黑科... 据相关数据显示!微乐小程序黑科技,途游手游辅助脚本平台教材教程(有挂方略)1、超多福利:超高返利,海...
今日焦点!微信小程序免费黑科技... 今日焦点!微信小程序免费黑科技,途游手游辅助秘籍教程(有挂技巧)1、下载好微信小程序免费黑科技正确养...
最新研发!微乐小程序黑科技,吉... 最新研发!微乐小程序黑科技,吉祥填大坑攻略窍门教程(新版有挂)1、每一步都需要思考,不同水平的挑战微...
三分钟了解!微乐小程序免费黑科... 三分钟了解!微乐小程序免费黑科技,闲逸碰胡辅助积累教程(有挂方法)1、许多玩家不知道微乐小程序免费黑...