thymeleaf 的 th:onclick

作者: adm 分类: java 发布时间: 2021-05-29

thymeleaf 的 th:onclick 引用的函数参数的入参是 model值的时候注意写法了。3.0.10 开始就变了。
改了好几个小时,总是不生效,实验了各种写法,终于搞清楚了。使用spingboot 2.1.1 (使用的就是)以上的都要注意了。

THYMELEAF 3.0.10更改日志
*改进了HTML事件处理程序属性(th:on ),以允许将其值作为内联JavaScript的片段(使用JAVASCRIPT模板模式)进行处理。

以前写法(请放弃):
方式一:
<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>

现在的写法:
<button class=”btn” th:onclick=”getName([[${order.id}]],[[${order.expressId}]]);”>获得名字</button>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!