变动指令

“Mutation”是Quasar指令,它提供监视DOM树所做的更改并在触发这些更改时调用方法的功能。

在幕后,它使用Mutation Observer API.

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

最好先阅读Mutation Observer API,这对于您理解此指令的工作方式是最好的。

handler函数采用一个参数,该参数是MutationRecord的数组。

启用所有

通过不指定任何修饰符(“once”除外),Mutation指令将启用所有修饰符。

Catch everything

拖放示例

由于拖放浏览器API支持,因此以下示例仅适用于桌面设备。 将彩色方块拖到其他位置以查看“Mutation Observers”结果。

Drag and Drop (desktop only)

撤消重做示例

Mutation Observer的一个用例是在应用程序中实现撤消/重做堆栈。 您可以观察数据的添加和删除,具体取决于您的过滤要求。 您可以捕获堆栈中的变动,并使用堆栈来实现撤消。 撤消期间的任何变动数据都可以进入重做堆栈。 将规范化数据放入撤消堆栈时,请不要忘记清除重做堆栈。

Undo/Redo

Mutation API

Loading API...
Please wait...