所谓天才,只不过是把别人喝咖啡的功夫都用在工作上了。——鲁迅

上回写过在js中获取thymeleaf变量

但比较繁琐

这次用简单的写法

1
2
3
4
<script>
var id = [[${id}]]
console.log(id)
</script>

非常简单~

不过要注意一点,如果是对象格式的数据,需要在script标签上加th:inline="javascript"

1
2
3
4
<script th:inline="javascript">
var id = [[${id}]]
console.log(id)
</script>

在页面中也可以直接使用,可以代替th:text

1
2
3
<div>
[[${id}]]
</div>

效果如下

image-20210705234534494

如果是字符串也支持的

1
2
3
4
<div>
[[${id}]]
[['id']]
</div>

image-20210705234742185