根据HTML 5 id命名规则:

  • 必须以字母 A-Z 或 a-z开头
  • 其后的字符:字母(A-Za-z)、数字(0-9)、连字符("-")、下划线("_")、冒号(":") 以及点号(".")
  • 值对大小写敏感

id应当适配变量名存在点号的情况,但变量名中$site.之后存在点号时(例如:$site.product.image)会导致一些组件无法正常工作(如:图片上传、文件上传)。
原因是layui在获取dom的过程中使用了选择器,而非 document.getElementById。但是选择器会将点号识别为css中的class进而导致无法正常获取。