【Vuetify】v-lazy 会导致导航失效

Chason
2021-03-24 / 0 评论 / 0 点赞 / 835 阅读 / 234 字
温馨提示:
本文最后更新于 2021-03-24,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

v-lazy 会导致导航失效

组件未进行渲染,对应id的导航不存在,会导致导航失效。

v-lazy模板:

  <!-- threshold属性 阈值1.0表示可见目标的100%时,将调用回调 -->
  <v-lazy
    v-model="isActive"
    :options="{
      threshold: 0.5
    }"
    min-height="200"
    transition="fade-transition"
  >
  </v-lazy>

参考: https://developer.mozilla.org/zh-CN/docs/Web/API/Intersection_Observer_API

image.png

0

评论区