解決Thymeleaf中onclick的坑
Thymeleaf中onclick的坑
最近學(xué)了springboot，springboot推薦使用thymeleaf模板，所以一直在用，然后發(fā)現(xiàn)許許多多的坑，這次就說(shuō)說(shuō)其中關(guān)于onclick的坑。
在一個(gè)button元素中，需要調(diào)用js的方法，并且傳遞兩個(gè)來(lái)自model的參數(shù)，一開(kāi)始我是這么寫(xiě)的
<button
th:onclick=" 'cookOver(' + ${item.getOid()} + ',' + ${item.getFid()} + ')' " >出餐
</button>接下來(lái)加載html就報(bào)錯(cuò)了
報(bào)錯(cuò)信息如下：
org.thymeleaf.exceptions.TemplateProcessingException: Only variable expressions returning numbers or booleans are allowed in this context, any other datatypes are not trusted in the context of this expression, including Strings or any other object that could be rendered as a text literal. A typical case is HTML attributes for event handlers (e.g. "onload"), in which textual data from variables should better be output to "data-*" attributes and then read from the event handler. (template: "/manage/cookWindow" - line 32, col 13)
神奇的是：同一個(gè)項(xiàng)目中的另一個(gè)HTML中，也是這樣的寫(xiě)法，沒(méi)有報(bào)錯(cuò)，成功運(yùn)行，參數(shù)傳遞也都沒(méi)有問(wèn)題。
百思不得其解
于是到網(wǎng)上查了下，發(fā)現(xiàn)還有一種另寫(xiě)法，我就試了試
<button
th:onclick="cookOver([[${item.getOid()}]],[[${item.getFid()}]])">出餐
</button>結(jié)果出現(xiàn)這樣的問(wèn)題：
這個(gè)問(wèn)題很神奇，不影響正常運(yùn)行，但這個(gè)紅色波浪線讓我非常難受
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Java中dubbo+zookeeper微服務(wù)架構(gòu)簡(jiǎn)介
Apache Dubbo是一款高性能的 Java RPC 框架，這篇文章主要介紹了Java中dubbo+zookeeper微服務(wù)架構(gòu),需要的朋友可以參考下2021-09-09
JDK21中虛擬線程到底是什么以及用法總結(jié)(看完便知)
這篇文章主要給大家介紹了關(guān)于JDK21中虛擬線程到底是什么以及用法的相關(guān)資料,虛擬線程是一種輕量化的線程封裝,由jvm直接調(diào)度和管理,反之普通的線程其實(shí)是調(diào)用的操作系統(tǒng)的能力,對(duì)應(yīng)的是操作系統(tǒng)級(jí)的線程,需要的朋友可以參考下2023-12-12
String.join() 方法是連接指定數(shù)組的元素或集合的成員,在每個(gè)元素或成員之間使用指定的分隔符,這篇文章主要介紹了String.join()方法示例詳解,需要的朋友可以參考下2024-01-01
異常處理是Java編程中的一個(gè)重要部分,用于處理程序執(zhí)行中出現(xiàn)的異常情況,此外還可以自定義異常來(lái)處理特定的錯(cuò)誤情況,掌握這些異常處理技術(shù)對(duì)于編寫(xiě)健壯、可靠的Java程序至關(guān)重要,需要的朋友可以參考下2024-10-10
Java生產(chǎn)者消費(fèi)者的三種實(shí)現(xiàn)方式
這篇文章主要介紹了Java生產(chǎn)者消費(fèi)者的三種實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
Spring @Scheduler使用cron表達(dá)式時(shí)的執(zhí)行問(wèn)題詳解
Spring給程序猿們帶來(lái)了許多便利。下面這篇文章主要給大家介紹了關(guān)于Spring @Scheduler使用cron表達(dá)式時(shí)的執(zhí)行問(wèn)題的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-09-09
Java實(shí)現(xiàn)http請(qǐng)求文件流對(duì)帶寬限速獲取md5值
文章介紹了如何在進(jìn)行HTTP請(qǐng)求下載大數(shù)據(jù)時(shí)處理帶寬限制和并發(fā)問(wèn)題,通過(guò)使用緩沖區(qū)和限速邏輯,可以有效控制下載速度,避免掉包和數(shù)據(jù)丟失,核心公式基于帶寬和已下載字節(jié)數(shù)計(jì)算預(yù)期耗時(shí),并通過(guò)Thread.sleep()進(jìn)行動(dòng)態(tài)休眠補(bǔ)償,感興趣的朋友一起看看吧2025-02-02
Spring AOP手動(dòng)實(shí)現(xiàn)簡(jiǎn)單動(dòng)態(tài)代理的代碼
今天小編就為大家分享一篇關(guān)于Spring AOP手動(dòng)實(shí)現(xiàn)簡(jiǎn)單動(dòng)態(tài)代理的代碼，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-03-03
SpringBoot整合Mybatis與thymleft實(shí)現(xiàn)增刪改查功能詳解
MybatisPlus是國(guó)產(chǎn)的第三方插件，?它封裝了許多常用的CURDapi，免去了我們寫(xiě)mapper.xml的重復(fù)勞動(dòng)。本文將整合MybatisPlus實(shí)現(xiàn)增刪改查功能，感興趣的可以了解一下2022-12-12
這篇文章主要介紹了Java如何基于wsimport調(diào)用wcf接口,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06