好资源导航 » 文章资讯 » 浅谈laytpl 模板空值显示null的解决方法及简单的js表达式

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

2023-08-13 23:14:04 387

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||}}没有引号直接报错LaytplError：SyntaxError:Unexpectedtoken)

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

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

{{#JavaScript表达式}}

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

试试laytpl模板的ifelse语法

这是官网上的例子

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

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

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

这下就一目了然了

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