thymeleaf中使用th:onclick出现的问题

╰+攻爆jí腚メ 2022-03-20 08:12 340阅读 0赞

在springboot2.x的环境中使用thymeleaf的onclick时，若安照如下方式使用onclick，就会报错TemplateProcessingException异常。

<tr th:each="region, regionStat: ${regions}">
         <a th:attr="data-bind=${region.enName}" href="javascript:void(0);"
         th:onclick="'changeSimpleCondition(\'regionEnName\', \'' + ${region.enName} + '\')'"
         th:text="${region.cnName}"></a>
     </tr>

报错如下：

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: "rent-list" - line 82, col 36)

这个错误可以通过在**$\{region.enName\}** 外面加上 **\[\[$\{region.enName\}\]\]**解决，但是onclick事件却无法触发。

<tr th:each="region, regionStat: ${regions}">
         <a th:attr="data-bind=${region.enName}" href="javascript:void(0);"
         th:onclick="'changeSimpleCondition(\'regionEnName\', \'' + [[${region.enName}]] + '\')'"
         th:text="${region.cnName}"></a>
     </tr>

之后在网上查到了一种解决方法：

<tr th:each="region, regionStat: ${regions}">
      <a th:attr="data-bind=${region.enName}" href="javascript:void(0);"
      th:onclick="changeSimpleCondition('regionEnName', this.getAttribute('data-bind'))"
      th:text="${region.cnName}"></a>
    </tr>

发表评论取消回复

表情：

评论列表（有 0 条评论，340人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringBoot中使用thymeleaf模板

SpringBoot中使用thymeleaf模板 Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎。Thymeleaf的主要目标是在开发工作中带来优雅

清疚/ 2023年01月19日 14:53/ 0 赞/ 8 阅读

相关 hadoop使用中出现的问题

1. 在执行bin/hadoop fs -put conf input 遇到错误 WARN hdfs.DFSClient: DataStreamer Exception:

深藏阁楼爱情的钟/ 2022年09月30日 11:53/ 0 赞/ 129 阅读

相关 git使用过程中出现的问题

使用eclipse的操作步骤： 1. 先commit到本地---->在pull到本地----> a. 如果没冲突就在remote push到远程仓库 b.如果有冲突，选中

短命女/ 2022年07月14日 08:12/ 0 赞/ 190 阅读

相关 mypipe使用中出现的null:4问题

在下载好 mypipe ，配置好数据库后，启动时发现订阅到的 MySQL binlog的文件名和position都不对，显示是null:4 我在下面这个链接找到解决

太过爱你忘了你带给我的痛/ 2022年07月13日 14:39/ 0 赞/ 137 阅读

相关 SpringBoot中thymeleaf的使用

1、在pom.xml中导入thymeleaf  <dependency> <groupId>org

迷南。/ 2022年04月22日 22:50/ 0 赞/ 290 阅读

相关 thymeleaf中使用th:onclick出现的问题

在springboot2.x的环境中使用thymeleaf的onclick时，若安照如下方式使用onclick，就会报错TemplateProcessingException异

╰+攻爆jí腚メ/ 2022年03月20日 08:12/ 0 赞/ 341 阅读

相关 SpringBoot 中使用 thymeleaf 在 application.properties 中遇到的问题

spring.thymeleaf.content-type=text/html server.context-path=/thymeleaf 报错，说此方法已

Bertha 。/ 2022年03月18日 04:18/ 0 赞/ 185 阅读

相关 thymeleaf自学之路（一）springboot中使用Thymeleaf

Thymeleaf 官网：https://www.thymeleaf.org/ Thymeleaf 在 Github 的主页：https://github.com/thyme

淡淡的烟草味﹌/ 2022年02月02日 12:55/ 0 赞/ 271 阅读

相关 springboot中使用thymeleaf片段引入出现500错误（易错）

通常我们再编写前端界面的时候，头部和尾部，我们都喜欢使用片段引入的方式，那么再springboot中使用thymeleaf模板也是如此通常，我们引入thymeleaf的片段

ゝ一纸荒年。/ 2021年12月10日 10:37/ 0 赞/ 642 阅读

相关 ssm中使用thymeleaf

\\ \\ 注意： \\ ①controller的作用域必须入参，要不然返回结果为null ②thymeleaf的视图解析器会冲突，只配置一个即可 \\ 1、p

古城微笑少年丶/ 2021年11月13日 15:32/ 0 赞/ 303 阅读