具体使用方式如下：
<template>
<div ref="wrapper" style="height: 200px; overflow: auto;">
<div ref="content" style="height: 400px;">
<!-- 这里是滚动的内容 -->
</div>
</div>
</template>
<script>
import { ref, onMounted, onUnmounted } from 'vue';
import { useScrollParent } from 'vant';
export default {
setup() {
const wrapperRef = ref(null);
const contentRef = ref(null);
// 在组件挂载时获取滚动父元素
onMounted(() => {
const scrollParent = useScrollParent(wrapperRef, contentRef);
console.log('滚动父元素：', scrollParent);
});
// 在组件销毁时清理
onUnmounted(() => {
// 清理工作
});
return {
wrapperRef,
contentRef,
};
},
};
</script>
上述代码中，我们通过 useScrollParent 获取了包裹滚动内容的 wrapper 元素的滚动父元素。在实际项目中，你需要将 Vant4 的相关组件和样式引入，并确保 Vant4 版本支持此功能。
请注意，由于我在回答中无法提供实时更新，建议查阅 Vant4 的官方文档以获取最新信息。
转载请注明出处：http://www.zyzy.cn/article/detail/5869/Vant