解決Thymeleaf中onclick的坑
Thymeleaf中onclick的坑
最近學了springboot,springboot推薦使用thymeleaf模板,所以一直在用,然后發(fā)現(xiàn)許許多多的坑,這次就說說其中關(guān)于onclick的坑。
在一個button元素中,需要調(diào)用js的方法,并且傳遞兩個來自model的參數(shù),一開始我是這么寫的
<button
th:onclick=" 'cookOver(' + ${item.getOid()} + ',' + ${item.getFid()} + ')' " >出餐
</button>接下來加載html就報錯了
報錯信息如下:
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)
神奇的是:同一個項目中的另一個HTML中,也是這樣的寫法,沒有報錯,成功運行,參數(shù)傳遞也都沒有問題。
百思不得其解
于是到網(wǎng)上查了下,發(fā)現(xiàn)還有一種另寫法,我就試了試
<button
th:onclick="cookOver([[${item.getOid()}]],[[${item.getFid()}]])">出餐
</button>結(jié)果出現(xiàn)這樣的問題:

這個問題很神奇,不影響正常運行,但這個紅色波浪線讓我非常難受
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
簡介Java的Hibernate框架中的Session和持久化類
這篇文章主要介紹了Java的Hibernate框架中的Session和持久化類,Hibernate是Java的SSH三大web開發(fā)框架之一,需要的朋友可以參考下2015-12-12
SpringBoot動態(tài)定時任務(wù)實現(xiàn)與應(yīng)用詳解
定時任務(wù)在許多應(yīng)用場景中是必不可少的,特別是在自動化任務(wù)執(zhí)行、定期數(shù)據(jù)處理等方面,定時任務(wù)能極大地提高系統(tǒng)的效率,然而,隨著業(yè)務(wù)需求的變化,定時任務(wù)的執(zhí)行頻率或時間點可能需要動態(tài)調(diào)整,所以本文給大家介紹了SpringBoot動態(tài)定時任務(wù)實現(xiàn)與應(yīng)用2024-08-08
深入淺析drools中Fact的equality?modes
這篇文章主要介紹了drools中Fact的equality?modes的相關(guān)知識,本文通過圖文實例代碼相結(jié)合給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05
Java Swing組件下拉菜單控件JComboBox用法示例
這篇文章主要介紹了Java Swing組件下拉菜單控件JComboBox用法,結(jié)合具體實例形式分析了Swing組件下拉菜單控件JComboBox的具體定義、使用方法及相關(guān)使用注意事項,需要的朋友可以參考下2017-11-11
JAVA多線程處理for循環(huán)數(shù)據(jù)詳細講解
這篇文章主要給大家介紹了關(guān)于JAVA多線程處理for循環(huán)數(shù)據(jù)的相關(guān)資料,我們在代碼中經(jīng)常需要使用for循環(huán)這個操作來達到目的,而當for循環(huán)的次數(shù)過多時我們會發(fā)現(xiàn)執(zhí)行效率會變的很低,整體耗時非常多,需要的朋友可以參考下2023-07-07
SpringBoot使用Minio進行文件存儲的實現(xiàn)
本文主要介紹了SpringBoot使用Minio進行文件存儲的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-07-07

