浅谈laytpl 模板空值显示null的解决方法及简单的js表达式

网络编程 2024/12/26 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

laytpl 模板语法

{{ d.field }} 输出一个普通字段，不转义html 官方的说明但d.field 为空时会显示null

laytpl 模板空值显示null的解决方法

{{d.giftName}} 模板中当giftName为空是页面上会显示 null 字符串

1可以在模板中直接使用三目表达式来判断字符串是否为空。

如下：

{{!d.giftName" ":d.giftName}}

2还有一种方法，用到一个 || 运算符

{{d.giftName||" "}} 当d.giftName为空时会显示为空字符串

{{d.giftName||"没有赠品"}} 当d.giftName为空时会显示为没有赠品双引号或单引号包裹字符串都可以，但不能没有

{{d.giftName|| }} 没有引号直接报错 Laytpl Error：SyntaxError: Unexpected token )

还有一种例外可以不要引号

{{d.giftName|| null }} 和 {{d.giftName}} 没有啥区别

{{# JavaScript表达式 }}

JS 语句。一般用于逻辑处理。用分隔符加 # 号开头。注意：如果你是想输出一个函数，正确的写法是：{{ fn() }}，而不是：{{# fn() }}

试试 laytpl 模板的 if else 语法

这是官网上的例子

{{# if(true){ }}
 开始日期：{{ fn() }}
{{# } else { }}
 已截止
{{# } }}

乍一看有点懵，格式化一下

{{#      if(true){              }}
               开始日期
{{#        } else {             }}
               已截止
{{#        }                    }}

这下就一目了然了

https://www.layui.com/doc/modules/laytpl.html

laytpl,模板空值,null

标签：

laytpl,模板空值,null

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“浅谈laytpl 模板空值显示null的解决方法及简单的js表达式”

暂无浅谈laytpl 模板空值显示null的解决方法及简单的js表达式的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年12月26日

浅谈laytpl 模板空值显示null的解决方法及简单的js表达式

laytpl,模板空值,null

Node 代理访问的实现

微信小程序进入广告实现代码实例

评论“浅谈laytpl 模板空值显示null的解决方法及简单的js表达式”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接