通过 Vue 的 Vueuse 库的useMutationObserver 监视 DOM 变动

通过 Vue 的 Vueuse 库的 useMutationObserver 监视 DOM 变动,比如节点增减、属性杨思琦变动变动都会触发MutationObserver事件。

代码示例

import $ from 'jquery'
import {  ref } from 'vue'
import { useMutationObserver  } from '@vueuse/core'
//元素对象
const el = ref(null);
const messages= ref([]);
 
useMutationObserver(el, (mutations) => {
      if (mutations[0])
      {  
        messages.value.push(mutations[0].attributeName+"变化了")
      }
    }, 
    {
      attributes: true,
      childList:true
})

在线例子

例子