0
点赞
收藏
分享

微信扫一扫

layui中table中templet无数据时 ‘-- ’代替

刘员外__ 2022-03-18 阅读 118

在这里插入图片描述
注:在使用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;
},
举报

相关推荐

0 条评论