layui表格templet_layui表格-template模板的三种⽤法
问题情境：
layui中将数据库数据通过layui table渲染到前端表格，⾮常简单，但是如果数据库存储的信息不能被直接展⽰，项⽬中该页⾯有好⼏个这样的字段，会员类型，⽀付类型，会员时长还有平台类型；例如数据库有⼀个类型字段：1和2,1表⽰钻⽯会员，2表⽰⾄尊会员，前端显然不能直接显⽰1和2，⽽是应该根据后端返回的数字进⾏判断，展⽰相应的内容。layui table的⾃定义模板功能能⾮常⽅便地解决这个问题；
⽅法⼀：函数转义
前端页面模板所谓函数转义，就是在表格cols的对应列中直接写⼀段函数：
{ field: 'vip_type', title: '会员类型' , templet: function(d) {if(d.vip_type == 1){
res= "钻⽯会员"}else{
res= "⾄尊会员"}returnres;
}
},
这样的写法，简单直接，缺点是复⽤性差，有可能导致代码冗余。
⽅法⼆：绑定模板选择器
下述是templet对应的模板，它可以存放在页⾯的任意位置。模板遵循于 laytpl 语法，可读取到返回的所有数据。
{{# } else{ }}
⾄尊会员
{{# } }}
{
field:'vip_type',
title:'会员类型',
templet:'#typeTpl'}
这样的话，如果有多处表格使⽤同⼀个模板，代码复⽤性将得到加强。
⽅法三：直接赋值模版字符
templet: '
'注意：这⾥⼀定要被⼀层
write by:tuantuan

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。