在Vue中滚动100px后显示div标签

，可以通过监听滚动事件来实现。

首先，在Vue组件中，可以使用v-scroll指令来监听滚动事件。在滚动事件触发时，可以通过判断滚动的距离来决定是否显示div标签。

以下是一个示例代码：

<template>
  <div>
    <div v-scroll="handleScroll" class="scroll-container">
      <!-- 滚动内容 -->
    </div>
    <div v-if="showDiv" class="show-div">
      <!-- 要显示的div内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showDiv: false, // 控制div显示与隐藏的变量
    };
  },
  methods: {
    handleScroll() {
      // 获取滚动的距离
      const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
      
      // 判断滚动距离是否大于等于100px
      if (scrollTop >= 100) {
        this.showDiv = true;
      } else {
        this.showDiv = false;
      }
    },
  },
};
</script>

<style>
.scroll-container {
  height: 500px; /* 设置滚动容器的高度 */
  overflow-y: scroll; /* 开启垂直滚动条 */
}

.show-div {
  height: 200px; /* 设置要显示的div的高度 */
  background-color: #f0f0f0; /* 设置要显示的div的背景颜色 */
}
</style>

在上述代码中，我们使用了v-scroll指令来监听滚动事件，并将其绑定到handleScroll方法上。在handleScroll方法中，我们通过获取滚动的距离来判断是否显示div标签。当滚动距离大于等于100px时，将showDiv变量设置为true，从而显示div标签。

需要注意的是，为了使滚动事件生效，需要给滚动容器设置一个固定的高度，并开启垂直滚动条。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整配置，支持多种操作系统，适用于各类应用场景。了解更多信息，请访问腾讯云云服务器产品介绍。
腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，可用于存储和管理各类非结构化数据，如图片、音视频文件等。了解更多信息，请访问腾讯云对象存储产品介绍。