设计企业品牌网站,最大上传大小wordpress,什么是网络营销培训,在后台怎么做网站内链文章目录 动态列实现动态列实现formatter第一种第二种方法 动态列实现
参考此篇文章 Vue3 动态列实现
动态列实现formatter 第一种 以此为例#xff1a;传递该行的wxUserInfo字段#xff08;对象#xff09;中的nickName 假设该行 {prop: wxUserInfo, label: … 文章目录 动态列实现动态列实现formatter第一种第二种方法 动态列实现
参考此篇文章 Vue3 动态列实现
动态列实现formatter 第一种 以此为例传递该行的wxUserInfo字段对象中的nickName 假设该行 {prop: wxUserInfo, label: 用户昵称, minWidth: 110, align: center, tooltip: true, resizable: true,},
el-table-columnv-foritem in showList:labelitem.label:keyitem.prop:fixeditem.fixed:alignitem.align:propitem.prop:min-widthitem.minWidth:widthitem.width:show-overflow-tooltipitem.tooltip:resizableitem.resizabletemplate v-slotscope v-ifitem.prop wxUserInfo{{ formatWxUserInfo(scope.row) }}/template/el-table-columnconst formatWxUserInfo (row) {return row.wxUserInfo.nickName;
}第二种方法 个人比较喜欢第二种简单的东西就不要浪费时间。 el-table-columnv-foritem in showList:labelitem.label:keyitem.prop:fixeditem.fixed:alignitem.align:propitem.prop:min-widthitem.minWidth:widthitem.width:show-overflow-tooltipitem.tooltip:resizableitem.resizabletemplate v-slotscope v-ifitem.prop wxUserInfo{{ scope.row.wxUserInfo.nickName }}/template/el-table-column
