thymeleaf页面中使用th:onclick标签

在SpringBoot集成ThymeLeaf页面中使用th:onclick方法且带动态参数时,按照传统想法直接写是报错的。

一.方法汇总

下面是网络上提供的若干方法：
友情提示:下文中th其实为th:onclick 可能是csdnbug导致不显示;
方法一:

th:onclick="'saveConfig(&quot ;'+${viewInstrument[12]}+'&quot ;)'"

其中，&quot ;是“的意思，其实&quot ;中没有空格，但是如果有空格就自动识别为”
方法二

th:onclick="'javascript:openBox(\''+${curCabNo}+'\',\''+${box.no}+'\')'"

分析代码后发现,th:οnclick=”“中实际上是在拼接字符串,根据所学知识采用了一种比较优雅有效的方式,即方法三.

方法三

th:onclick="|deleteUser(${user.id})|"

方法四

th:onclick="dzfp.openDzfp([[${eleInfo.invclsh}]]);"

二.总结

经过测试，以上方法只有方法四不会报错，其他方法都会报错的，如果大家在开发中遇到其他可行办法，请在评论留言！