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

vue3 滚动条回到顶部

需求:
在页面a,滑动了滚动条,再进入页面b,但是页面B记录了滚动条位置
现在想要,进入页面B,不记录之前的滚动条,

代码

//页面B
<div class="center" ref="centerRef">页面B
</div><script setup>
onMounted(() => {centerRef.value.scrollTop = document.documentElement.scrollTop = 0
});
</script>

相关文章:

  • 微服务 Spring Cloud 8,开源RPC框架如何选型?
  • 深度学习之自监督模型汇总
  • vue + docxtemplater 导出 word 文档
  • 测试开发(二) 开发chrome插件,提升测试效率
  • Spark-06:共享变量
  • SWOT是什么意思?SWOT分析必备的10款软件,别说你还不知道!
  • 朋友圈为什么会折叠?
  • render函数举例
  • Raptor安装
  • 「 Tomcat-pass-getshell 弱口令」
  • 【开源】基于Vue.js的车险自助理赔系统的设计和实现
  • 为什么vue中数组和对象的props默认值要写成函数形式?
  • 11-23 SSM4
  • 一个关于proto 文件的经验分享 :gRPC 跨语言双端通信显示错误码:12 UNIMPLEMENTED (附赠gRPC错误码表)
  • 【快应用】小程序转快应用中如何获取用户已授权的权限
  • 【JavaScript】通过闭包创建具有私有属性的实例对象
  • android 一些 utils
  • centos安装java运行环境jdk+tomcat
  • Computed property XXX was assigned to but it has no setter
  • ESLint简单操作
  • express + mock 让前后台并行开发
  • flask接收请求并推入栈
  • JavaScript类型识别
  • Java反射-动态类加载和重新加载
  • JDK9: 集成 Jshell 和 Maven 项目.
  • Making An Indicator With Pure CSS
  • SpringBoot几种定时任务的实现方式
  • Vue源码解析(二)Vue的双向绑定讲解及实现
  • 订阅Forge Viewer所有的事件
  • 基于游标的分页接口实现
  • 聊聊directory traversal attack
  • 如何进阶一名有竞争力的程序员?
  • 通信类
  • 一起来学SpringBoot | 第十篇:使用Spring Cache集成Redis
  • 应用生命周期终极 DevOps 工具包
  • ​Z时代时尚SUV新宠:起亚赛图斯值不值得年轻人买?
  • ​软考-高级-系统架构设计师教程(清华第2版)【第20章 系统架构设计师论文写作要点(P717~728)-思维导图】​
  • !! 2.对十份论文和报告中的关于OpenCV和Android NDK开发的总结
  • #pragma pack(1)
  • #Z0458. 树的中心2
  • $var=htmlencode(“‘);alert(‘2“); 的个人理解
  • (03)光刻——半导体电路的绘制
  • (2)nginx 安装、启停
  • (4)STL算法之比较
  • (八)Flask之app.route装饰器函数的参数
  • (笔试题)合法字符串
  • (超详细)语音信号处理之特征提取
  • (官网安装) 基于CentOS 7安装MangoDB和MangoDB Shell
  • (淘宝无限适配)手机端rem布局详解(转载非原创)
  • (转)PlayerPrefs在Windows下存到哪里去了?
  • (转)菜鸟学数据库(三)——存储过程
  • .naturalWidth 和naturalHeight属性,
  • .net Application的目录
  • .Net mvc总结
  • .NET NPOI导出Excel详解