Vue - 实现锚点跳转定位到指定页面位置功能 / Anchor 页面添加锚点(仅需一个函数代码超级简洁)

效果图

网上关于锚点跳转的文章非常多,实现的代码非常臃肿且难以看懂,而且还非常的乱。
实现锚点跳转本身就是一件极其简单(无其他需求)的事,很多人将其复杂化了。

整个示例 JS 仅用了一个函数,无任何变量,带来了高效且健壮的功能,

您可以直接进行复制运行,把核心代码提取出来搞到您自己的项目中。

在这里插入图片描述

示例代码

注意:您需要有 Vue 环境,否则无法运行。

推荐平台 一键复制 功能,然后跑起来吧!

<!-- 因为样式什么的会影响您观察代码, 所以只做了核心功能 -->
<!-- 因为样式什么的会影响您观察代码, 所以只做了核心功能 -->
<template>
   

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/125622945
今日推荐