為何捐款
API 瀏覽器
Mutation 指令

“Mutation” 是一個 Quasar 指令,提供監看 DOM 樹變更並在觸發時呼叫方法的能力。

底層使用 Mutation Observer API

載入 Mutation API...

用法

建議您先閱讀 Mutation Observer API,以便充分理解此指令的運作方式。

處理函式接受一個參數,即 MutationRecord 的陣列。

捕捉所有內容

若未指定任何修飾符(除了 “once”),Mutation 指令將啟用所有修飾符。

捕捉所有內容



拖放範例

以下範例僅適用於桌上型電腦,因為需要 Drag and drop 瀏覽器 API 的支援。拖曳彩色方塊到其他位置以查看 Mutation Observer 的結果。

拖放(僅限桌上型電腦)



復原/重做範例

Mutation Observer 的一個用例是在您的應用程式中實作復原/重做堆疊。您可以根據您的過濾需求,觀察資料的添加和移除。您可以將 mutation 捕捉到堆疊中,並使用該堆疊來實作復原。在復原期間的任何 mutation 資料都可以放入重做堆疊中。當正規化的資料被放入復原堆疊時,別忘了清除重做堆疊。

復原/重做