assignment_late
為何捐款
travel_explore
API 瀏覽器
小工具
Vue 組件
note_add
App Extensions
“Mutation” 是一個 Quasar 指令,提供監看 DOM 樹變更並在觸發時呼叫方法的能力。
底層使用 Mutation Observer API。
載入 Mutation API...
用法
建議您先閱讀 Mutation Observer API,以便充分理解此指令的運作方式。
處理函式接受一個參數,即 MutationRecord 的陣列。
捕捉所有內容
若未指定任何修飾符(除了 “once”),Mutation 指令將啟用所有修飾符。
捕捉所有內容
拖放範例
以下範例僅適用於桌上型電腦,因為需要 Drag and drop 瀏覽器 API 的支援。拖曳彩色方塊到其他位置以查看 Mutation Observer 的結果。
拖放(僅限桌上型電腦)
復原/重做範例
Mutation Observer 的一個用例是在您的應用程式中實作復原/重做堆疊。您可以根據您的過濾需求,觀察資料的添加和移除。您可以將 mutation 捕捉到堆疊中,並使用該堆疊來實作復原。在復原期間的任何 mutation 資料都可以放入重做堆疊中。當正規化的資料被放入復原堆疊時,別忘了清除重做堆疊。
復原/重做
準備好瞭解更多了嗎?
發現錯誤?在瀏覽器中編輯此頁面
1. 簡介
2. Mutation API
3. 用法
3.1. 捕捉所有內容
3.2. 拖放範例
3.3. 復原/重做範例
版權所有 © 2015-至今 PULSARDEV SRL, Razvan Stoenescu
本網站由 Dreamonkey Srl 協同設計