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

相关内容

热门资讯

透视攻略!aapoker辅助器... 透视攻略!aapoker辅助器怎么用(透视)开挂脚本神器(哔哩哔哩)1.aapoker辅助器怎么用 ...
透视举措!聚星ai辅助工具收费... 透视举措!聚星ai辅助工具收费多少(透视)开挂脚本插件(哔哩哔哩);1、全新机制【聚星ai辅助工具收...
透视学习!wepoker插件功... 透视学习!wepoker插件功能辅助器(透视)开挂脚本修改器(哔哩哔哩)1、wepoker插件功能辅...
透视烘培!wepoker有辅助... 透视烘培!wepoker有辅助吗(透视)开挂透视插件(哔哩哔哩)1、这是跨平台的wepoker有辅助...
透视模块!聚星ai辅助工具收费... 透视模块!聚星ai辅助工具收费多少(透视)开挂脚本修改器(哔哩哔哩)进入游戏-大厅左侧-新手福利-激...
透视阶段!哈糖大菠萝可以开挂吗... 透视阶段!哈糖大菠萝可以开挂吗(透视)开挂脚本神器(哔哩哔哩)1、金币登录送、破产送、升级送、活动送...
透视机巧!wepoker辅助透... 透视机巧!wepoker辅助透视(透视)开挂透视软件(哔哩哔哩)1、许多玩家不知道wepoker辅助...
透视讲义!aapoker辅助软... 透视讲义!aapoker辅助软件合法吗(透视)开挂脚本安装(哔哩哔哩)1、aapoker辅助软件合法...
透视方式!steampoker... 透视方式!steampokermaster辅助(透视)开挂脚本插件(哔哩哔哩)1、每一步都需要思考,...
透视学习!wepoker有辅助... 透视学习!wepoker有辅助器吗(透视)开挂透视下载(哔哩哔哩)1、全新机制【wepoker有辅助...