51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

Vue组件之【页面滚动出现返回顶部按钮】
当我们滚动页面浏览商品时，用户想返回到页面顶部，我们不需要用户直接滚到最顶上，而是点击右下角按钮自动滚到页面顶端。如项目需求示例图Top 的 index页面。
vue.js
javascript
前端
返回顶部
指定位置
原创
Hi梅C
2023-05-27 00:47:47
389阅读

vue3 function 并返回 vue返回页面
需求场景：首页搜索内容，点击跳转至详情页，页面后退返回主页，保留搜索结果。方案：路由参数；路由守卫需求描述在使用 vue 开发前端的时候遇到一个场景：在首页进行一些数据搜索，点击搜索结果进入详情页面，浏览详情页后返回主页。但这时候之前的搜索记录和翻页就消失了，用户体验不好。所以需要在返回后恢复跳转前的页面参数状态。当然如果条件允许，最简单的办法是点击搜索结果使用新页面打开（例如百度那样）。但当前
vue3 function 并返回
python
vue
java
javascript
转载
智能创新者
2024-07-31 21:09:25
727阅读

页面滚动条滚动后返回事件----JS
这两天小码哥在做页面的时候，其中有一个效果是想让右侧的一个导航随着页面向下滚动而由原来的固定（position:absolute;）模式改为悬浮（position:fixed;）模式。我当时就想到了返回函数。可是依照自己的想法写了几个JS都没成功，我在想肯定是我用错了方法了。后来经过偶一再查证，终于解决了该问题，，，下面是想分享给大家的代码。重点其实就是那段JS。当然，其中原理还得是靠自己领悟了。
JS
scroll
scrollTop
页面滚动条滚动
原创
web郭乐
2015-03-18 11:00:19
757阅读

vue，页面返回触发事件
// 禁用浏览器返回键 history.pushState(null, null, document.URL); window.addEventListener('popstate', this.disableBrowserBack); 在mounted中添加以上代码，其中disableBrowse ...
多次点击
返回键
数据
转载
mob604756fe00bf
2021-10-13 10:31:00
2405阅读
2评论

vue接口返回页面 nginx
实现缓存在路由文件router.js中针对要缓存的页面进行设置 添加keepAlive: true，通过此字段判断是否需要缓存当前组件{ path: '/club', name: 'Club', component: Club, meta: { title: 'Club', keepAl
vue接口返回页面 nginx
缓存
钩子函数
数据
转载
岁月静好呀
2024-07-15 11:16:22
47阅读

vue 页面滚动时自动切换Tab标签,点击标签自动滚动页面
功能: 手机端实现 切换头部tab定位到下文内容，滚动页面内容时自动定位到相对应tab逻辑：监听+tab切换完整代码：以下是完整代码： <template> <div class="box"> <div class="tab" ref="tab"> <div v-for="(item, index)
tab切换
事件监听
手机端
原创
鲸洛洛洛
2023-08-23 10:41:19
3269阅读

解决vue页面之间滚动互相影响
问题：比如在A页面滑动到底部，并点击按钮跳转到B页面，B页面如果也是长页面就会滚动到与A页面相同的位置 期望：进入B页面时，滚动位置为0 思路：在route->index.js页面，在路由配置页给B页面加上meta：{scrollToTop：true}，在scrollBehavior方法中判断met ...
路由配置
其他
转载
mb5fd86cce321a9
2021-08-04 17:31:00
1015阅读
2评论

vue iOs键盘弹起禁止页面滚动
## vue iOs键盘弹起禁止页面滚动实现 在Vue开发过程中，经常会遇到需要禁止页面滚动的情况，特别是在iOS设备上键盘弹起时，页面会因为键盘的高度而被顶起，这时就需要禁止页面滚动，以保证用户体验。下面是整个实现的流程和具体步骤。 ### 实现流程 1. 监听键盘的弹出和收起事件； 2. 根据键盘的弹出和收起状态，判断是否需要禁止页面滚动； 3. 使用代码禁止页面滚动。 下面是每个步骤
Vue
监听键盘
html
原创
mob649e8165596b
2023-07-31 06:57:27
1301阅读

ios vue 打包后页面不能滚动
## iOS Vue 打包后页面不能滚动的原因及解决方法 ### 引言 在使用 Vue 开发 iOS 应用时，有时候会遇到一个问题：打包后的页面无法滚动。本文将详细介绍这个问题的原因，并提供解决方法。 ### 问题描述 当我们使用 Vue 开发 iOS 应用时，通常会使用 Vue Router 来管理页面的路由。在开发过程中，我们可能会遇到一个问题：当页面打包后，在 iOS 设备上无法滚动
iOS
Vue
解决方法
原创
mob64ca12d32849
2023-11-18 12:59:09
178阅读

vue2 ios页面滚动空白
 使用 1.v-touch 实现滑动效果，父级页面滑动，当父级含有子页面需要滑动功能hasClass("sm_img"），需要判断是否继续父级滑动，有的话子页面先滑动，通过upB去判断 if($(imgShowChild[that.childNum]).children().children().hasClass("sm_img")&&that.upB !=3) 2.
vue2 ios页面滚动空白
javascript
json
ViewUI
滑动事件
转载
AIGC创想家
9月前
22阅读

vue 监听ios系统返回按钮 vue监听页面返回
Vue 监听手机返回键关闭弹窗popstate 事件　　a.当活动历史记录条目更改时，将触发 popstate 事件。　　b.如果被激活的历史记录条目是通过对 history.pushState() 的调用创建的，或者受到对 history.replaceState() 的调用的影响，          popstate 事件的 stat
vue 监听ios系统返回按钮
历史记录
缓存
加载
转载
mob64ca13fd559d
2024-03-04 15:15:59
176阅读

vue 监控用户回退 vue监听页面返回
 简单示例：先上代码，下面代码实现的是监听浏览器历史记录发生变化，替换当前界面的历史路由（站点记录）从而控制页面跳转//页面生命周期：监听页面加载 onLoad(option) { if (window.history && window.history.pushState) { history.replaceState(null, null, this.$
vue 监控用户回退
javascript
vue.js
浏览器记录
监听
转载
编程艺术之光
2024-04-01 16:45:46
1512阅读

vue element 返回上一页 vue返回指定页面
vue router返回到指定的路由一、项目场景二、问题描述三、原因分析四、解决方案 一、项目场景项目场景：示例:A(商品详情)——B(商品购买页面)-C(支付成功页面)——D(订单页面）二、问题描述提示：这里描述项目中遇到的问题如果我们不做控制的话，安卓按照浏览器返回机制，依次从D-C-B-A这样子,这样子会有一定的bug,测试那边也是说不过去啊，原本想利用beforeRouteLeave这个
vue element 返回上一页
vue
解决方案
目的地址
抛出异常
转载
梦里忧郁
2024-04-11 23:26:13
121阅读

vue axios 401返回登录页面
在进行 Vue 开发时，使用 Axios 进行 API 请求已经成为一种常见实践。然而，当接收到 401 响应时，通常表明用户未授权，系统可能需要重定向用户回到登录页面。这背后的原因及解决方案值得探讨，尤其是在处理业务时。接下来，我将详细记录如何解决“Vue Axios 401返回登录页面”的问题。 ### 问题背景 在一个在线系统中，用户通过 Vue 前端界面访问 RESTful API。当用
ios
API
登录页面
原创
mob649e815ddfb8
6月前
126阅读

java 返回跳转vue页面
# Java 返回跳转Vue页面 ## 引言 在现代的Web开发中，前后端分离的架构方式越来越受欢迎。其中，Vue.js是一个流行的前端框架，而Java是一种常用的后端开发语言。在开发过程中，我们常常需要在Java中返回跳转到Vue页面。本文将介绍如何在Java中实现返回跳转到Vue页面的方法，并提供相应的代码示例。 ## 准备工作 在开始之前，我们需要做一些准备工作。 首先，我们需要安
Vue
Java
java
原创
mob64ca12eaf194
2024-02-01 08:27:27
125阅读

vue 判断页面是否滚动到底部
实现思路 通过判断当前页面是否到达底部来设置按钮的点击事件。 要判断当前页面是否到达底部需要用到三个距离——距离顶部的距离scrollTop、可视区域的高度clientHeight、滚动条的高度scrollHeight。 代码（在vue项目 ...
scrollHeight
scrollTop
vue
当前页
点击事件
转载
mb5fed716b639b4
2021-07-26 16:43:00
3568阅读
2评论

Vue实现页面滚动加载分页数据
直接上代码：以下为js部分 ，请求后台数据需自己封装： export default{ //定义的数据变量 data(){ return {
Vue
滚动分页
js
加载
数据
原创
wx647f015309868
2023-06-06 18:00:33
1072阅读

[vue] 页面滚动到指定位置 scrollIntoView
滚动
javascript
原创
533_
2022-12-21 10:24:23
1245阅读

Vue项目中实现页面滚动粘性布局
示例图片实现代码<template> <div class="py-[20px] px-[18px] flex justify-end" :class="['header', { 'fixed-header': isFixed }]"> <iconExit class="w-[18px] h-[18px]" :class="[isFixed ? 'text
ico
原创
JackieDYH
4月前
44阅读

vue ios 虚拟键盘弹起 页面不滚动
实现“vue ios 虚拟键盘弹起 页面不滚动”的功能，可以通过以下步骤来完成： **流程图:** ```mermaid flowchart TD A[开始] --> B[监听键盘事件] B --> C[判断键盘状态] C --> |键盘弹起| D[禁止页面滚动] C --> |键盘收起| E[允许页面滚动] D --> F[实现禁止页面滚动的代码]
ide
javascript
ios
原创
mob649e81697507
2024-01-12 08:16:29
197阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

Vue3返回关闭弹窗不返回页面

vue中禁止页面滚动/滚动事件穿透1.移动端

vue2 ios 中 scroll 滚动 页面白 vue scrollbar

ios vue竖着滑动页面不动 vue大屏列表滚动

vue【解决方案】页面/路由跳转后，滚动条消失，页面无法滚动

vue滚动

vue ios滚动 vue实现滚动效果

ios vue 不滚动 vue滚动播放

前端 | Vue 路由返回恢复页面状态

VUE IOS 手势返回 页面不刷新

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯