Thymeleaf 中 th:href、th:src、th:onclick需要拼接动态数据时（后端传递的动态数据），需要遵守相关的语法规定。

一般来说，上面的三种表达式都需要用到@{xxx}，如<a th:href="@{/user/1}"></a> ==>解析完也就是 <a th:href="/user/1"></a>

但是当需要进行动态拼接时，则不是简单的<a th:href="@{/user/${id}}"></a>，相关的写法如下。

th:href

我尝试的 th:href 三种写法如下，个人角色第一种好一些。即 th:href="@{ '字符串' + ${xx.xx}} "

<a th:href="@{'/user/query'+${id}}">bb</a> <!-- 个人觉得这种更好一点 --><a th:href="@{|/user/query${id}|}">bb</a><a th:href="@{/user/query}+${id}">bb</a>

th:src

th:src和th:href差不多，可以用同样的方式拼接

th:onclick

在ssm项目中我使用

<a href="#" th:οnclick="'deleteCart('+${cart.id}+')'">删除</a>

没有发现问题，但是在Springboot中报错，一番百度后，找到一种好的写法，使用 [ [ ${xx.xx} ] ] 。

<a href="#" th:οnclick="deleteCart([[${cart.id}]])">删除</a>

总结

用vue它不香吗

Thymeleaf中th:href、th:src、th:onclick相关推荐

thymeleaf中 th:href使用笔记
很久没有用过thymeleaf了,踩了个坑,记录一下 1.各需求场景中的使用方法 th:href基本写法与th:src一样 ,一般写法th:href="@{值}" 例:th:hre ...
thymeleaf中th:href携带参数的三种写法
在使用thymeleaf模板引擎的时候,我们经常会用到th:href来设置标签的href属性, 如何给URL渲染上参数呢? 私总结了三种在th:href添加参数的写法: 1,变量表达式又称OGNL表 ...
A标签中通过href和onclick传递的this对象实现思路
想传递当前对象给一个函数,于是就将这个URL写成"JavaScript:shoControlSidebar(this)",可是结果发现这并不可行,接下来为大家详细介绍下解决方法在 ...
HTML中href src区别,html中 href 和 src 的定义与区别
看了几天的html,一直觉得没有把href和src的区别和用的地方搞清楚,今晚就来捋一捋. 才开始觉得href和src是没有有区别的,只是不能用在同一个标签中. 后来发现href和src是有区别的. ...
前端面试题-url、href、src
作者:WEBING https://segmentfault.com/a/1190000013845173 一.URL的概念统一资源定位符(或称统一资源定位器/定位地址.URL地址等,英语:Unif ...
[html] url、href、src 详解
URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址.互联网上的每个文件都有一个唯一的URL ...
url、href、src
一.URL的概念统一资源定位符(或称统一资源定位器/定位地址.URL地址等,英语:Uniform Resource Locator,常缩写为URL),有时也被俗称为网页地址(网址).如同在网络上的门 ...
url、href、src 详解
URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址.互联网上的每个文件都有一个唯一的URL ...
href和src的区别
href和src都是用来引用外部资源的属性.例如:网址.图片.视频.css文件.js文件等. href(Hypertext Reference)超文本引用,用来建立当前元素和文档之间的连接.常用有li ...

Thymeleaf中th:href、th:src、th:onclick

th:href

th:src

th:onclick

总结

Thymeleaf中th:href、th:src、th:onclick相关推荐

最新文章

热门文章