Thymeleaf 给 onclick 赋值:语法、多个值和参数
'Thymeleaf 给 onclick 赋值的语法如下:
<button th:onclick="'javascript:myFunction('' ${variableName} '');'">Click me</button>
其中,${variableName} 是 Thymeleaf 中的变量名,可以替换为具体的变量值。myFunction 是 JavaScript 函数的名称。在 onclick 中,我们使用单引号将整个 JavaScript 代码包含起来,并使用双引号将变量值括起来。
'如果要给一个元素赋多个 onclick 值,可以使用 Thymeleaf 的 th:attr 指令。例如:
<button th:attr="onclick='alert('Hello');' onclick='alert('World');'">Click me</button>
这样就可以给按钮元素赋两个 onclick 值,点击按钮时会依次执行两个 JavaScript 函数。
'如果要给一个 onclick 赋多个参数,可以使用逗号将参数分隔开。例如:
<button th:onclick="'javascript:myFunction('' ${param1} '','' ${param2} '');'">Click me</button>
其中,${param1} 和 ${param2} 是 Thymeleaf 中的变量名,可以替换为具体的变量值。在 onclick 中,我们使用单引号将整个 JavaScript 代码包含起来,并使用加号将变量值拼接在一起。myFunction 是 JavaScript 函数的名称,其中包含两个参数。点击按钮时,会将 ${param1} 和 ${param2} 作为参数传递给 JavaScript 函数。
'这个报错意味着在 Thymeleaf 表达式中,只有返回数字或布尔值的变量表达式是被信任的,其他类型的数据,如字符串或其他可以被渲染为文本字面值的对象,都不被信任。这通常是因为在表达式中使用了不被信任的数据类型,需要检查表达式中使用的变量类型是否正确。
原文地址: https://www.cveoy.top/t/topic/nzIJ 著作权归作者所有。请勿转载和采集!