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

Vue 点击markdown页内链接,路由设置不跳转

在路由index.js里添加路由守卫:

router.beforeEach((to,from,next)=>{//如果是md页内链接“#xxx”,则不跳转const hash = window.location.hash;if(hash.startsWith('#')) {next(false);}else{...其他控制代码next();}
});

当markdown用[标题链接](#标题名)实现页内链接跳转时,点击链接会改变window.location.hash和地址,但改变地址会使页面刷新,会影响页内跳转。通过判断window.location.hash的值,可以阻止页面刷新,同时页内就能跳转了。

http://www.lryc.cn/news/411406.html

相关文章:

  • IOday4
  • 智能座舱背后主流车机平台(SA8155/SA8295)的高通Hexagon DSP是什么?
  • linux进程控制——进程等待——wait、waitpid
  • Shell脚本的进程管理
  • JLink烧录失败
  • Monorepo简介
  • SpringBoot打包为jar包,打包前注意事项及打包教程
  • B端系统UI个性化设计:感受定制之美
  • 前端常用 utils 工具封装
  • 项目都做完了,领导要求国际化????--JAVA后端篇
  • 国内备受好评PostgreSQL数据库性能如何?
  • 彻底搞懂前端跨域解决方案
  • Kafka基础概念
  • 【论文阅读笔记】DeepCAD: A Deep Generative Network for Computer-Aided Design Models
  • 《如鸢》开通官号,女性向游戏爆款预定
  • OpenAI再下一城:发布Voice Engine,可使用文本和参考语音合成说话者的新语音!
  • KVM高级功能部署
  • 【C语言】柔性数组(打开前所未见的大门)
  • 设计模式17-适配模式
  • react ant Input defaultValue={value}设置了value值以后,但是defalult没有赋值上,输入框也没有显示
  • 大模型开发如何把一段文字变成一组token?
  • 【MSYS】Windows Terminal 集成
  • Python酷库之旅-第三方库Pandas(056)
  • ZBrush入门使用介绍——4、笔刷选项说明
  • Java每日一练,技术成长不间断
  • 传知代码-上下位关系自动检测方法(论文复现)
  • 从零开始的MicroPython(二) GPIO及代码应用
  • 嵌入式day15
  • 【电池管理系统(BMS)-01】 | 电池管理系统简介,动力电池和储能电池区别
  • C++ STL partial_sum 用法