layui使用th:attr取值失败踩坑记录

        <div class="layui-form-item">
            <label class="layui-form-label">头像</label>
            <div class="layui-input-inline">
                <div class="layui-upload-drag" id="uploadHeader" th:attr="data-userUid=${User?.uid}">
                    <i class="layui-icon"></i>
                    <p>请选择头像点击上传，或将文件拖拽到此处</p>
                </div>
            </div>
        </div>

使用layui.$('#uploadHeader').data("useruid")取值失败，原因是 <div class="layui-upload-drag" id="uploadHeader" th:attr="data-userUid=${User?.uid}">变量名不能小驼峰；html不区分大小写。浏览器会自动转化为useruid，导致取值失败

修改为

 <div class="layui-upload-drag" id="uploadHeader" th:attr="data-useruid=${User?.uid}">
即可