通过 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
})
例子