thymeleaf 的 th:onclick正确写法,踩坑后的总结

作者:超级松鼠   阅读 (2459)  |  收藏 (0)  |  点赞 (0)

摘要

thymeleaf 中文文档少之又少,官方文档又是很抽象,它其中属性使用规则少之又少,在使用的过程中避免不了踩坑之路,本文将会讲述作者在使用th:onclick时遇到的坑,以及如何填坑的“艰辛之路”。


原文链接:thymeleaf 的 th:onclick正确写法,踩坑后的总结

本文作者在按照网上搜到的写法写了之后,发现要么解析不了,要目解析后点击按钮无反应,甚是急煞人。

其实并不是网上找到的资料有错造成的,而是网上的资料在写thymeleaf的th:onclick 用法时,忽略了一点,那就是告诉查找答案的朋友们这个写法所支持的Spring boot版本

thymeleaf 的 th:onclick 在不同使用spingboot 版本中的使用方式是不一样的;Springboot 3.0.10 开始就变了,引用的函数参数的入参是 model值的时候注意写法了。

以前写法(请放弃):

方式一:

<button class="btn" th:onclick="'getName(\'' + ${person.name} + '\');'">获得名字</button>

方式二:

<button class="btn" th:onclick="'getName(' + ${person.name} + ');'">获得名字</button>

方式三:

<button th:onclick="|getName(${person.name} )|">获得名字</button>

现在的写法(Springboot 3.0.10 之后):

<button class="btn" th:onclick="getName([[${person.name}]]);">获得名字</button>

朋友们在使用thymeleaf 的 th:onclick时,一定要注意你所使用的Springboot 的版本,千万注意啊。

以下为官方发布的变更说明:http://forum.thymeleaf.org/Thymeleaf-3-0-10-JUST-PUBLISHED-td4031348.html 

分类   前端技术
字数   757

博客标签    thymeleaf 的 th:onclick    th:onclick正确写法  

评论