th:onclick动态传参：org.thymeleaf.exceptions.TemplateProcessingException: Only variable expressions retur

我不是女神ヾ 2022-01-14 11:51 178阅读 0赞

今天遇到了一个th:onclick调用JS方法传参的问题，整理一下分享给大家。

我的代码是这样写的

然后就会报错，之前经常用th:onclick传id，都可以正常运行，所以这个错误也百思不解。

看一下错误日志：

> org.thymeleaf.exceptions.TemplateProcessingException: Only variable expressions returning numbers or booleans are allowed in this context, any other datatypes are not trusted in the context of this expression, including Strings or any other object that could be rendered as a text literal. A typical case is HTML attributes for event handlers (e.g. "onload"), in which textual data from variables should better be output to "data-\*" attributes and then read from the event handler. (template: "admin/newsInformation/list" - line 81, col 48)

翻译一下上述日志，意思大概就是是这种传参方式只能识别数字或者布尔值，thymeleaf解析不了。

> org.thymeleaf.exceptions.TemplateProcessingException:在此上下文中只允许返回数字或布尔值的变量表达式，此表达式的上下文中不包含任何其他数据类型，包括字符串或可以呈现为文本文字的任何其他对象。 典型的情况是事件处理程序的HTML属性（例如“onload”），其中来自变量的文本数据最好输出到“data- \*”属性，然后从事件处理程序中读取。 （模板：“admin / newsInformation / list” - 第81行，第48栏）

在网上查了另外一种传String值方式,th是可以正常解析字符串的。

> th:onclick:fun( \[\[ $\{变量\} \]\] )

--------------------

# 总结一下，th:onclick动态传值的几种方式： #

> **方法一: **
> 
>     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="ljm([[${newsInformation.herf}]])"
> 
>