問(wèn)題情境：

layui中將數(shù)據(jù)庫(kù)數(shù)據(jù)通過(guò)layui table渲染到前端表格，非常簡(jiǎn)單，但是如果數(shù)據(jù)庫(kù)存儲(chǔ)的信息不能被直接展示，項(xiàng)目中該頁(yè)面有好幾個(gè)這樣的字段，會(huì)員類(lèi)型，支付類(lèi)型，會(huì)員時(shí)長(zhǎng)還有平臺(tái)類(lèi)型；例如數(shù)據(jù)庫(kù)有一個(gè)類(lèi)型字段：1和2,1表示鉆石會(huì)員，2表示至尊會(huì)員，前端顯然不能直接顯示1和2，而是應(yīng)該根據(jù)后端返回的數(shù)字進(jìn)行判斷，展示相應(yīng)的內(nèi)容。layui table的自定義模板功能能非常方便地解決這個(gè)問(wèn)題；

方法一：函數(shù)轉(zhuǎn)義

所謂函數(shù)轉(zhuǎn)義，就是在表格cols的對(duì)應(yīng)列中直接寫(xiě)一段函數(shù)：

{ field: ‘vip_type‘, title: ‘會(huì)員類(lèi)型‘ , templet: function(d) {if(d.vip_type == 1){

res= "鉆石會(huì)員"}else{

res= "至尊會(huì)員"}returnres;

}

},

這樣的寫(xiě)法，簡(jiǎn)單直接，缺點(diǎn)是復(fù)用性差，有可能導(dǎo)致代碼冗余。

方法二：綁定模板選擇器

下述是templet對(duì)應(yīng)的模板，它可以存放在頁(yè)面的任意位置。模板遵循于 laytpl 語(yǔ)法，可讀取到返回的所有數(shù)據(jù)。

{{# } else{ }}

至尊會(huì)員

{{# } }}

table.render中的對(duì)應(yīng)列templet內(nèi)容中直接引用上面的模板即可

{

field:‘vip_type‘,

title:‘會(huì)員類(lèi)型‘,

templet:‘#typeTpl‘}

這樣的話，如果有多處表格使用同一個(gè)模板，代碼復(fù)用性將得到加強(qiáng)。

方法三：直接賦值模版字符

templet: ‘

{{d.title}}‘注意：這里一定要被一層

write by:tuantuan

總結(jié)

以上是生活随笔為你收集整理的layui导入模板数据_layui表格-template模板的三种用法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。