vue左边菜单跳转到窗口可视区域

最新推荐文章于 2024-06-26 09:37:28 发布

唐小亭

最新推荐文章于 2024-06-26 09:37:28 发布

阅读量1.3k

点赞数 1

分类专栏： Vue 文章标签：跳转

本文链接：https://blog.csdn.net/tt18473481961/article/details/86631293

版权

Vue 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

// 左边菜单跳转到可视区域
document.querySelectorAll(".left-menu_item.active")[0].scrollIntoView({behaviour: 'instant'})

注意：必须加上“[0]”，否则会报“.scrollIntoView（）not a function”

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

唐小亭

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

OpenLayers实战，OpenLayers结合TopoJson区划边界数据，下拉菜单实现城市切换，动态切换城市边界到地图视图视角范围内

GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程

11-02

291

本章是OpenLayers综合实战案例，使用OpenLayers结合下拉菜单实现城市切换，动态切换城市边界到地图视图视角范围内。本章需要使用到ElementUI的下拉框组件和OpenLayers的TopoJson格式解析地市边界数据并负责渲染，通过动态创建style样式来切换城市区划边界高亮效果。如何从vue项目中加载assets资源目录中的TopoJson格式数据。

Vue2 - 详细实现解析Markdown内容生成侧边栏Toc目录索引，识别文章内容根据大标题/小标题自动生成多级文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，滑过锚点时高亮对应标题

热门推荐

为梦想而奋斗，无悔_一叶扁舟的点滴成长！

01-23

2万+

1.需求:左边是菜单，右边的页面根据左边的菜单变化而变化，当一个界面想跳到另一个界面时，左边的菜单不变，但是右边的界面会响应的该改变。关键在于配置path：/management/advertDemandRelease/dataDetail。参数id放在路由上 (1)在vue文件中的代码: <el-table-column label="操作" align="left" style=...

vue跳转页面的几种常用方法

askuld的博客

06-26

2308

vue跳转页面的几种常用方法

vue2.0实现导航菜单切换效果

08-30

主要为大家详细介绍了vue2.0实现导航菜单切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

Vue 菜单跳转

深漂小码哥

12-29

362

在el-menu 开启路由 router="true" index属性对应的值即为链接 index="/user"

VUE菜单跳转

RisoKome的博客

09-25

1460

1、通过router-link进行跳转使用query传递参数，路由必须使用path引入，使用params传递参数，路由必须使用name引入 <router-link :to="{path: '/docDetail', query: {docId: '112233', docDesc: 'doc'}}"> 　　<button>跳转</button> </router-link> 跳转地址：/docDetail?docId=112233&d..

vue实现菜单跳转

m0_52434369的博客

07-02

716

如果使用vue来实现菜单的跳转简直不要太方便，用v-if和v-show都可以喔！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in

vue2点击菜单跳转对应页面(路由应用)

k912120的博客

08-10

4561

vue2点击菜单跳转对应页面(路由应用)

若依前后端分离新窗口打开页面，如何使用this.$router.resolve解决

一米阳光的博客

11-21

5956

若依框架菜单打开新窗口展示页面，使用this.$router.resolve解决，详细步骤，一看就会

基于springboot+vue的“体质测试数据分析及可视化设计”程序设计实现【毕业论文，源码】

qq_42003636的博客

03-21

2963

摘要 PAGEREF _Toc7748 I目录 PAGEREF _Toc21453 II第1章绪论 PAGEREF _Toc14970 11.1背景及意义 PAGEREF _Toc14561 11.2 国内外研究概况 PAGEREF _Toc9430 11.3 研究的内容 PAGEREF _Toc28716 1第2章相关技术 PAGEREF _Toc21117 32.1B/S架构2.2Java技术介绍2.3mysql数据库介绍2.4springboot框架。

ivew-admin 路由导航组件（仿浏览器新开窗口效果）封装项目实战

晴天有点孤单

10-24

998

效果rt：（左右切换滚动，左侧菜单联动，支持同路由多个页面：可根据项目需求自行配置）话不多说上代码---------------我是美丽的分割线***---------------------：需要修改的文件文件1.工具类需要用到的方法都在这里了文件2：路由导航文件文件3：入口页面引用（为了兼容多项目，这里做了入参封装处理，使用的时候按需改变一下）下面是各文件代码文件1： imp...

【VUE】Vue2菜单搜索并跳转指定页面

SZnAl的博客

03-28

2787

有时候后台管理系统复杂的菜单结构与更深的层级使用户无法快速找到自己所需的页面，如何提高后台管理系统的便捷度并且使系统与用户的交互更加灵活成为了项目在基础功能之外更重要的追求。菜单目录支持搜索并且可直接跳转便可以达到以上诉求。

vue3.0+element Plus实现页面布局，侧边栏菜单路由跳转

m0_52761651的博客

10-26

1万+

vue3.0+element Plus实现页面布局，侧边栏菜单路由跳转

vue3 + ts + element-plus 菜单高亮激活跳转，刷新后继续高亮刷新前的菜单选项。

weixin_45288172的博客

04-25

1175

vue3 + ts + element-plus 菜单高亮激活跳转，刷新后继续高亮刷新前的菜单选项。

超详细的vue结合ElementUI实现头部导航栏进行页面跳转

qq_48961214的博客

04-24

8482

vue中实现顶部栏路由跳转

scrollIntoView的基本定义、以及Vue3、vue2中使用: 点击导航滚动到对应区域。

weixin_45803990的博客

05-15

7867

MDN 关于scorllIntoView的介绍Element接口的方法会滚动元素的父容器，使被调用的元素对用户可见。

Vue动态树、配置请求路径、表格数据显示、实现分页、创建书本管理组件、点击菜单实现路由跳转以及系统首页配置。

qq_73126462的博客

11-01

368

t_module_vue表中已经配置了功能url，为方便，将书本管理组件定义为BookList。如果使用其他名字则需要修改功能url配置，保持一致。页面上使用的面包屑，查询条件，表格，分页等空间，可以查看element-ui官网。该步骤主要关注页面布局，并没有绑定数据，编写完成后，观察页面效果。在src/api/action.js中配置获取动态树数据的请求路径。先不考虑分页，从后台接口获取数据并绑定到表格显示。2.3.3 修改LeftAside组件。图二： script部分。script部分，图一。