使用observerOptions中的rootMargin不生效

[hgw25]

  <img
    v-for="item in unref(imageBoard.url)"
    :key="item"
    ref="refImage"
    v-lazy="{
      src: item,
      root: lazyOptions.root,
      observerOptions: lazyOptions.observerOptions,
      lifecycle: lazyOptions.lifecycle,
    }"
    :draggable="false"
    @load="onImageLoad"
  />

const lazyOptions = reactive({
  root: refScrollbar.value,
  observerOptions: { rootMargin: "5000px", threshold: 0.1 },
  lifecycle: {
    loading: (el) => {
      console.log("image loading", el);
    },
    error: (el) => {
      console.log("image error", el);
    },
    loaded: (el) => {
      console.log("image loaded", el);
    },
  },
});