淺談laytpl 模板空值顯示null的解決方法及簡單的js表達式

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