項目場景:
提示:這里簡述項目相關背景:
項目中使用模板字符串的時候很多,有些時候需要再模板字符串中使用點擊事件,那么在模板字符串中可以使用點擊事件么?如果這個點擊事件需要傳參呢?
答案是肯定的,那么具體怎么綁定點擊事件又該怎么傳參呢?
- 在模板字符串中綁定點擊事件要用 onclick ='goDetails()'
- 在onMounted鉤子里面掛載在window上onMounted(() => { window["goDetails"] = goDetails;});
-
總結:為什么需要定義window.getDownUp = this.getDownUp?
1.在字符串里的點擊事件是原生的onclick
2.原生的函數getDownUp是定義在window全局對象上的 - 然后使用這個定義好的點擊事件?const goDetails=(val)=>{......}
原因分析:
提示:這里填寫問題的分析:
?但是在傳參的時候,單獨傳參是ok傳對象會報錯
這是因為傳的是變量,將變量轉成字符串對象就可以了
onclick ='goDetails(${JSON.stringify(item)})'