|
@@ -9,6 +9,7 @@ import {
|
|
|
} from 'vue';
|
|
|
import styles from './index.module.less';
|
|
|
import { useRect } from '@vant/use';
|
|
|
+import { useResizeObserver } from '@vueuse/core';
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'm-sticky',
|
|
@@ -62,11 +63,16 @@ export default defineComponent({
|
|
|
} else {
|
|
|
forms.divStyle.bottom = props.offsetBottom || '0px';
|
|
|
}
|
|
|
- const resize = new ResizeObserver(() => {
|
|
|
- const { height } = useRect(div2Ref.value);
|
|
|
+ // const resize = new ResizeObserver(() => {
|
|
|
+ // const { height } = useRect(div2Ref.value);
|
|
|
+ // __initHeight(height);
|
|
|
+ // });
|
|
|
+ // resize.observe(divRef.value);
|
|
|
+ useResizeObserver(divRef.value, (entries: any) => {
|
|
|
+ const entry = entries[0];
|
|
|
+ const { height } = entry.contentRect;
|
|
|
__initHeight(height);
|
|
|
});
|
|
|
- resize.observe(divRef.value);
|
|
|
|
|
|
// nextTick(() => {
|
|
|
// // 为了处理刚开始头部高度为0的情况
|