th:onclick传递参数
时间: 2024-06-17 22:07:45 浏览: 146
vue v-on:click传递动态参数的步骤
th:onclick是Thymeleaf模板引擎提供的一个自定义属性,用于绑定页面元素的点击事件。当我们需要在点击事件中传递参数时,可以使用th:onclick传递参数。具体实现方式如下:
1. 在页面元素中使用th:onclick属性,指定点击事件所要执行的JavaScript代码,例如:
<button th:onclick="'myFunction(\'' + ${param} + '\');'">点击</button>
2. 在JavaScript代码中,可以通过参数名来获取传递的参数值,例如:
function myFunction(param) {
alert(param);
}
以上代码中,${param}是一个变量,在后端Controller中赋值,其值可以是字符串、数字、对象等。在th:onclick中使用单引号和双引号进行字符串的拼接,保证参数值可以正确传递到JavaScript代码中。
阅读全文