terry 第22页 - code前端网

Code前端首页关于Code前端联系我们

Vue Router 怎么保持页面滚动位置？

在 Vue 开发单页面应用时，切换路由后页面自动滚回顶部是常见情况，但有时候我们希望保留滚动位置——比如列表页翻了好几页，返回时还能停在原来位置，那 Vue Router 怎么实现滚动位置保持？这篇文章从原理、方法到实战细节，一步步讲清楚。...

Vue Router；页面滚动位置

2个月前 (08-11) 79 阅读 #Vue
Vue Router 页面跳转时怎么保留查询参数？

做 Vue 项目时，经常遇到这样的情况：列表页选了筛选条件（比如搜索关键词、分类），点进详情页再返回，筛选条件全没了；或者多 Tab 页面切换，刷新后 Tab 状态丢了，想要让 URL 里的查询参数（query params）在页面跳转、刷...

Vue Router；查询参数

2个月前 (08-11) 115 阅读 #Vue
一、先分清参数的两种类型，动态路由 params 查询参数 query

p>做前端开发时，你肯定遇到过这类场景：商品列表页选了筛选条件，点进详情页再返回，筛选条件没了；多步骤表单填了一半，跳下一步后上一步内容丢了……这时候就需要“保留参数（keep params）”，那Vue Router 怎么实现参数保...

动态路由；查询参数

2个月前 (08-11) 107 阅读 #Vue
一、先搞懂，为啥路由切换会丢状态？

做Vue项目时,有没有遇到过这样的情况？填了一半的表单，切换路由再回来全没了；列表页划到下面，返回后又回到顶部……路由切换时组件状态丢失，确实影响用户体验，那在Vue Router里，到底怎么让页面“之前的状态？今天就把常用方法拆明白，从基...

路由切换；状态丢失

2个月前 (08-11) 109 阅读 #Vue
Vue Router 怎么结合 Keycloak 实现前端权限管理？

做前端项目时,权限管理是绕不开的坎儿——怎么让不同角色的用户看到对应页面？怎么安全处理登录和 token？要是用 Vue 技术栈，Vue Router 负责路由控制，Keycloak 做身份认证和权限管理，两者结合能解决不少痛点，但刚接触的...

Vue Router；Keycloak

2个月前 (08-10) 99 阅读 #Vue
一、keep alive是Vue Router专属的吗？它本质是啥？

不少用Vue做项目的同学,碰到列表跳详情再返回列表要重新加载数据、表单填一半切走再回来全没了这类情况，都会头大，这时候Vue Router里的keep - alive组件就能解决“组件切换后状态丢失”的痛点，但它到底是啥、怎么用、适合哪些场...

Vue Router；keep alive

2个月前 (08-10) 109 阅读 #Vue
1.keep-alive到底是干啥的？

做Vue项目时,你有没有遇到过「页面切换后数据全没了，表单得重新填」的糟心情况？想保留组件状态，就得搞懂keep-alive和router-view的配合逻辑，这俩咋协作？缓存咋精细控制？实际场景咋落地？今天一次性把这些问题掰碎了讲明白。...

alive；组件缓存

2个月前 (08-10) 87 阅读 #Vue
Vue Router里的meta和keep-alive怎么配合用？一文搞懂缓存逻辑与实战技巧

做Vue项目时，你有没有遇到过“列表页返回后要保留状态，详情页却得每次重新加载”的需求？这时候Vue Router的meta和keep-alive配合起来就能解决这类页面缓存问题，但很多同学刚接触时，总会疑惑「meta和keep-alive...

alive

2个月前 (08-10) 121 阅读 #Vue
Vue Router Link 如何保留查询参数（query params）

在使用Vue开发单页应用时，路由跳转是很常见的操作，比如做商品列表页，用户筛选了“价格从高到低”还选了“销量排序”，这时候点进商品详情，看完想返回列表页，要是筛选条件全没了，体验肯定糟心，这就涉及到Vue Router Link 如何保留查...

Vue Router 查询参数

2个月前 (08-10) 110 阅读 #Vue
1.vue router里的Layout到底是个啥？

做Vue项目时,你有没有遇到过“每个页面都要重复写导航栏、侧边栏”的烦恼？或者登录页和后台页需要完全不同的页面结构，不知道咋拆分？这时候就得聊聊vue - router里的Layout怎么玩了，Layout看似是个简单的布局概念，实际能帮我...

Vue Router；Layout

2个月前 (08-09) 82 阅读 #Vue

‹‹ ‹ 18 19 20 21 22 23 24 25 26 27 › ››