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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/uotail/article/details/82053426

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

猜你喜欢

转载自blog.csdn.net/uotail/article/details/82053426