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}">
即可