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

您可能感兴趣的文章:

• 浅谈layui使用模板引擎动态渲染元素要注重的问题