thymeleaf关于js的一些坑

乍一看,没问题,也许对应用过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>

建议方法二,因为数据定义靠换行总觉得怪怪的,你说呢?

posted @ 2019-07-29 09:19  SweetLove  阅读(4112)  评论(0编辑  收藏  举报