当前位置: 首页 > news >正文

vue 路由跳转到其他页面指定位置(锚点)

首先在指定的位置增加一个锚点(要被跳转的页面)

<div id='main'></div>

我们要跳转的时候,其实在路由后面拼接一个#main  就可以了

下面是没有锚点,要准备点击后跳转的页面

<div class="" @click="goTo('/Market#market')">每日价格</div>
goTo(path) {window.open(path, "_blank");},

然后在被跳转的页面增加一下代码

也就是有锚点的页面:

mounted() {const hash = this.$route.hash;if (hash) {const position = document.getElementById(hash.substring(1));if (position ) {position .scrollIntoView();}}},

相关文章:

  • golang 函数选项模式
  • MySQL 大表设计
  • ARM与大模型,狭路相逢
  • 阿里云国际短信业务网络超时排障指南
  • IP地址更改的方法及注意事项,让你的网络更安全稳定
  • 双指针算法总结
  • [PTP][1588v2] Follow_Up消息
  • 网络爬虫与指纹浏览器:解析指纹浏览器对网络爬虫的作用
  • 陈年雷司令葡萄酒中的石油笔记
  • DS八大排序之直接选择排序和堆排序
  • rabbitmq消息队列实验
  • LuatOS-SOC接口文档(air780E)--repl - “读取-求值-输出” 循环
  • uni微信小程序,富文本以及普通文本,长按选中,可用于复制,粘贴等场景
  • plt绘制表格
  • 码云配置遇到秘钥不正确
  • [分享]iOS开发-关于在xcode中引用文件夹右边出现问号的解决办法
  • android 一些 utils
  • go append函数以及写入
  • interface和setter,getter
  • JavaScript 奇技淫巧
  • leetcode388. Longest Absolute File Path
  • ReactNativeweexDeviceOne对比
  • 大快搜索数据爬虫技术实例安装教学篇
  • 关于 Linux 进程的 UID、EUID、GID 和 EGID
  • (2015)JS ES6 必知的十个 特性
  • (C#)Windows Shell 外壳编程系列4 - 上下文菜单(iContextMenu)(二)嵌入菜单和执行命令...
  • (分布式缓存)Redis分片集群
  • (附源码)小程序 交通违法举报系统 毕业设计 242045
  • (规划)24届春招和25届暑假实习路线准备规划
  • (经验分享)作为一名普通本科计算机专业学生,我大学四年到底走了多少弯路
  • (转载)Linux网络编程入门
  • ***linux下安装xampp,XAMPP目录结构(阿里云安装xampp)
  • ***测试-HTTP方法
  • .bat批处理(九):替换带有等号=的字符串的子串
  • .net core webapi Startup 注入ConfigurePrimaryHttpMessageHandler
  • .NET/C# 使窗口永不获得焦点
  • .NET4.0并行计算技术基础(1)
  • .net中调用windows performance记录性能信息
  • .vimrc 配置项
  • [ Linux 长征路第五篇 ] make/Makefile Linux项目自动化创建工具
  • [7] CUDA之常量内存与纹理内存
  • [ai笔记4] 将AI工具场景化,应用于生活和工作
  • [Android]使用Android打包Unity工程
  • [BUUCTF]-Reverse:reverse3解析
  • [CISCN2019 华东南赛区]Web11
  • [DM复习]Apriori算法-国会投票记录关联规则挖掘(上)
  • [EFI]ASUS Vivobook 16x M1603QA 电脑 Hackintosh 黑苹果efi引导文件
  • [EFI]NUC11电脑 Hackintosh 黑苹果efi引导文件
  • [jobdu]不用加减乘除做加法
  • [lesson17]对象的构造(上)
  • [MICROSAR Adaptive] --- Hello Adaptive World
  • [MySQL数据库部署及初始化相关]
  • [NOIP2007 普及组] 纪念品分组--贪心算法
  • [Oh My C++ Diary]return 1和return 0的区别
  • [Oh My C++ Diary]类继承和类组合(内嵌类)初始化的不同