在SpringBoot集成ThymeLeaf页面中使用th:onclick方法且带动态参数时,按照传统想法直接写是报错的。
一.方法汇总
下面是网络上提供的若干方法:
友情提示:下文中th其实为th:onclick 可能是csdnbug导致不显示;
方法一:
th:onclick="'saveConfig(" ;'+${viewInstrument[12]}+'" ;)'"
其中," ;是“的意思,其实" ;中没有空格,但是如果有空格就自动识别为”
方法二
th:onclick="'javascript:openBox(\''+${curCabNo}+'\',\''+${box.no}+'\')'"
分析代码后发现,th:οnclick=”“中实际上是在拼接字符串,根据所学知识采用了一种比较优雅有效的方式,即方法三.
方法三
th:onclick="|deleteUser(${user.id})|"
方法四
th:onclick="dzfp.openDzfp([[${eleInfo.invclsh}]]);"
二.总结
经过测试,以上方法只有方法四不会报错,其他方法都会报错的,如果大家在开发中遇到其他可行办法,请在评论留言!