[Nuxt] 在 FullCalendar 輕鬆使用 event hover

最近公司在開發內部系統,其中一個功能是預約功能,所以需要用到 Calendar,就找上老牌 FullCaLendarFullCaLendar 也支援 Vue,可包成 Components 或 Plugins


由於有 event hover 的需求,不太想用文件的作法 XD,所以這邊用 Tippy.js 來實作功能

首先安裝 Tippy.js,import 進去之後,透過 eventMouseEnter 來執行 Function。

在 FullCaLendar 觀察到,當滑鼠 Hover 該事件時,會增加一個 CSS

將該 className 放到 tippy 選擇器中,就可輕鬆實現囉 !

評論

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×