获取元素最近的可滚动父元素。
<div ref="root" />
import { ref, watch } from "vue";
import { useScrollParent, useEventListener } from "@vant/use";
export default {
setup() {
const root = ref();
const scrollParent = useScrollParent(root);
useEventListener(
"scroll",
() => {
console.log("scroll");
},
{ target: scrollParent }
);
return { root };
},
};
function useScrollParent(
element: Ref<Element | undefined>
): Ref<Element | Window | undefined>;
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
element | 当前元素 | Ref<Element> | - |
参数 | 说明 | 类型 |
---|---|---|
scrollParent | 最近的可滚动父元素 | Ref<Element> |
介绍Sticky 组件与 CSS 中position: sticky属性实现的效果一致,当组件在屏幕范围内时,会按照正常的布局排列,当组件滚出屏幕范...
介绍用于提供下拉刷新的交互操作。实例演示引入通过以下方式来全局注册组件,更多注册方式请参考组件注册。import { createApp }...
引入ImagePreview和其他组件不同,不是通过HTML结构的方式来使用,而是通过函数调用的方式。使用前需要先引入它。import Vue fro...
介绍Sticky 组件与 CSS 中position: sticky属性实现的效果一致,当组件在屏幕范围内时,会按照正常的布局排列,当组件滚出屏幕范...
用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。基础表格基础的表格展示用法。当Table元素中注入d...
出现在按钮、图标旁的数字或状态标记。基础用法展示新消息数量。定义value属性,它接受Number或者String。render() {return (div...
显示当前页面的路径,快速返回之前的任意页面。基础用法适用广泛的基础用法。在Breadcrumb中使用Breadcrumb.Item标签表示从首页...