注:在使用layui表格控件的时候,因为数据是一个嵌套对象,所以不能直接使用field来获取数据,只能使用templet,但是在使用templet的时候发现,有的字段没有数据时表格就会显示undefined
templet: `<span>{{d.reject_type_name}}</span>`
例如上面的字段,当字段中没有数据时,显示的就是undefined字符串,解决办法就是使用三元表达式给它添加判断,
templet: `<span>{{d.reject_type_name !== "undefined" ? d.reject_type_name : "--"}}</span>`
修改后运行截图:
修改后,当没有数据的时候就不会显示undefined了
还有一种方法就是通过函数转义的方式:函数转义详见layui官网
templet: function (data) {
if (typeof data.reject_type_name === "undefined") return "--";
return data.reject_type_name;
},