问答

锚点刷新页面

作者:admin 2021-06-25 我要评论

第一次点击锚点,会刷新页面,重新渲染,不管是a标签还是antd的Anchor都会,但是我看antd的demo就没有这个问题?路由用的umi 锚点代码 Anchor style={{ position...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

第一次点击锚点,会刷新页面,重新渲染,不管是a标签还是antd的Anchor都会,但是我看antd的demo就没有这个问题?路由用的umi

锚点代码

 <Anchor style={{ position: 'fixed', right: '10%', top: '50%' }}>
      <Link href="#ProductOverview" title="第1个锚点" />
      <Link href="#PositionTestPortfolio" title="第2个锚点" />
      <Link href="#PerformanceAnalysis" title="第3个锚点" />
      <Link href="#ScenarioAnalysis2" title="第4个锚点" />
      <Link href="#top" title="返回顶部" />

    </Anchor>

路由配置
`

 hash: true,
  antd: {},
  dva: {
    hmr: true,
  },
  locale: {
   
    default: 'zh-CN',
    antd: true,
    baseNavigator: true,
  },
  dynamicImport: {
    loading: '@/components/xx',
  },
  targets: {
    ie: 11,
  },

`

###

hash路由监听#后的hash值跳转页面, 锚点改变的就是hash值, 其实你的页面不是在刷新, 而是在跳转
帮你搜了篇文章hash 路由如何使用锚点

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • PHP的use 的 前提是包中的文件需要提前

    PHP的use 的 前提是包中的文件需要提前

  • 为什么分布式项目中需要分布式锁,而普

    为什么分布式项目中需要分布式锁,而普

  • mysql高效查询评论及回复内容,并且分

    mysql高效查询评论及回复内容,并且分

  • tp5 数据库查询  如何进行多对多查询

    tp5 数据库查询 如何进行多对多查询

腾讯云代理商
海外云服务器