layui循环遍历数据_layui.laytpl渲染模板,遍历、输出、判断

本文介绍了如何使用layui的laytpl模块进行数据遍历、输出和判断。通过实例展示了如何定义模板、动态绑定数据并渲染,以及在layui弹框中显示内容。内容包括:定义script模板、laytpl动态绑定渲染、layui弹框的使用,以及form渲染。总结了laytpl的常用语法,如{{# }}标签、输出字段和遍历集合。
摘要由CSDN通过智能技术生成

事先引用加载layui的laytpl模块,此处不作说明

1.定义容器(用于填充渲染后的script)

2.定义script模板

角色类别:

请选择角色类别

{ {# layui.each(d.roleTypeList, function(index, item){ }}

{ {# if(d.roleType == item.dicVal ){ }}

{ { item.dicName}}

{ {# }else{ }}

{ { item.dicName}}

{ {# } }}

{ {# }); }}

3.laytpl动态绑定渲染script

// 此处模拟展示data数据

{

"roleTypeList" : [

{"dicVal" : "01" , "dicName" : "管理员"},

{"dicVal" : "02" , "dicName" : "游客"},

{"dicVal" : "03" , "dicName" : "普通用户"},

],

"id" : 7,

"roleType" :

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值