Skip to content

useMutationObserver

观察对 DOM 树所做的更改。MDN 突变观察者

¥Watch for changes being made to the DOM tree. MutationObserver MDN

示例

用法

¥Usage

ts
import { useMutationObserver } from '@vueuse/core'
import { ref, useTemplateRef } from 'vue'

export default {
  setup() {
    const el = useTemplateRef('el')
    const messages = ref([])

    useMutationObserver(el, (mutations) => {
      if (mutations[0])
        messages.value.push(mutations[0].attributeName)
    }, {
      attributes: true,
    })

    return {
      el,
      messages,
    }
  },
}