vue--- 问题--hack记录（1）

最新推荐文章于 2023-01-13 19:51:38 发布

fuzuxian

最新推荐文章于 2023-01-13 19:51:38 发布

阅读量435

点赞数

分类专栏：问题解决记录文章标签： vue hack 前端联动

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/image_fzx/article/details/105399103

版权

问题解决记录专栏收录该内容

4 篇文章

订阅专栏

本文探讨了前端开发中菜单选项与内容联动的技术实现，包括如何在图片加载完成后获取offsettop值，使用nextTick确保DOM更新后再执行操作，以及通过防抖函数优化性能，避免频繁触发事件导致的资源浪费。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，菜单选项与下面展示的内容进行–联动

在这里插入图片描述

获取offsettop值

注意： mouted中拿不到 $el ，要等模板中的内容渲染出来，

在这里插入图片描述

方案：图片加载完进行回调

nextTick() 异步，等渲染完就会执行。—行---但是图片没加载完----不行！！！

在这里插入图片描述

解决----放在图片加载完成的回调函数

在这里插入图片描述

另外可以增加防抖函数

在这里插入图片描述

---- 防抖函数如下：

在这里插入图片描述

2 ，内容滚动，显示正确的标题

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

3，【吸顶效果】让两个位置不同的相同菜单栏----的选择一致

在这里插入图片描述

方案

在这里插入图片描述

初始点击方法放在create中

在这里插入图片描述

初始点击方法放在mouted中，不需要判断是否为undefined

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。