Skip to content
On this page

useWatchDom

监听 Dom 元素的变化,基于 MutationObserver 对象实现

基本用法

vue
<template>
  <div ref="domRef"></div>
</template>
<script setup>
import { useWatchDom } from "@yik_l/ui";
import { ref } from "vue";
const domRef = ref(null);
useWatchDom(
  (mutationObserver, { mutationList, observer }) => {
    console.log(mutationObserver, { mutationList, observer });
  },
  domRef.value,
  {
    childList: true, // 观察目标子节点的变化,是否有添加或者删除
    attributes: true, // 观察属性变动
    subtree: true, // 观察后代节点,默认为
  }
);
</script>

参数

参数说明类型默认值
callback回调函数,Fun-
eldom 元素--
options可选的配置项options以上都有标注