乍一看,沒問題,也許對應用過thymeleaf的小伙伴來說一眼就看出了問題,但是對於新手確實很難發現,thymeleaf會把[[]]中的內容作為內聯取值塊解析,而不是數組。
解決辦法
-
方法一:
<script> var cols=[ [ {field:'checkBox',checkbox: true, fixed: true} ,{field:'username', title: '用戶名'} //width 支持:數字、百分比和不填寫。你還可以通過 minWidth 參數局部定義當前單元格的最小寬度,layui 2.2.1 新增 ,{field:'mobile', title: '手機號', sort: true} ,{field:'nickname', title: '昵稱'} ,{field:'lastLoginTime', title: '最后登錄時間'} ,{field:'ip', title: '最后登錄ip', align: 'center'} //單元格內容水平居中 ,{field:'op',title: '操作', align:'center', toolbar: '#toolBars'} //這里的toolbar值是模板元素的選擇器 ] ]; </script>
-
方法二:添加th:inline="javascript"或者th:inline="none",默認是th:inline="text"
<script th:inline="none">
</script>
建議方法二,因為數據定義靠換行總覺得怪怪的,你說呢?