thymeleaf中th:attr用法

最新推荐文章于 2025-09-30 11:00:30 发布

原创最新推荐文章于 2025-09-30 11:00:30 发布 · 3.1w 阅读

9 ·

CC 4.0 BY-SA版权

转载请标明出处！

文章标签：

#thymeleaf #thattr #html

thymeleaf+html 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了Thymeleaf中th:attr属性的使用方法，包括如何为HTML元素设置多个静态属性值、如何使用'|'进行属性值拼接、如何动态赋值以及处理属性值中包含特殊字符等情况。

遇到好几个人问关于th:attr使用报错，不支持里面存在 '' 的问题。还有属性值获取拼接的问题。

刚好现在有点时间，顺便写一下我自己对th:attr的理解吧。

首先，th:attr可以设置多个属性值，可以将属性值写死，当然也可以获取。

其次，里面配合‘|‘使用可以实现属性值拼接等问题。

废话不多说了，还是来几个示例吧！

1、写死的单个属性值添加
th:attr="class=btn"
2、写死的多个属性值添加
th:attr="class=btn,title=link"
3、当一个属性的值较多的时候可以用 | 
th:attr="class=|btn btn-group|"
4、属性值动态赋值
th:attr="value=#{obj.value},title=#{obj.title}"
5、动态拼接属性值
th:attr="value=select_val|#{obj.val}|"
6、属性值中有引号的情况
th:attr="data-am-collapse=|{target:'#collapse-nav5'}|"

OK了，先写到这吧。后续有什么问题我还会在博客中补充！

自己记录为主，能帮到大家更好！