terry 第57页 - code前端网

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

先搞懂Vue Router和Keep Alive的基础逻辑

做Vue项目时,你是不是遇到过这些情况？列表页选了筛选条件，切到详情页再回来，筛选条件全没了；表单填了一半，跳转后再返回要重新填…这时候就得靠Vue Router和Keep - Alive配合，但默认用法不够灵活咋办？“vue router...

Vue Router；Keep Alive

8个月前 (08-11) 308 阅读 #Vue
Vue Router里keep alive的exclude怎么用？要注意哪些细节？

做Vue项目时,用keep - alive缓存组件能减少重复渲染、提升性能，但总有一些页面（比如详情页、登录页）不想缓存，这时候就得靠exclude属性，可exclude咋用才对？用的时候容易踩哪些坑？今天把Vue Router里keep...

alive exclude

8个月前 (08-11) 226 阅读 #Vue
Vue Router 怎么保持页面滚动位置？

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

Vue Router；页面滚动位置

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

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

Vue Router；查询参数

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

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

动态路由；查询参数

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

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

路由切换；状态丢失

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

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

Vue Router；Keycloak

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

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

Vue Router；keep alive

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

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

alive；组件缓存

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

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

alive

8个月前 (08-10) 383 阅读 #Vue

‹‹ ‹ 53 54 55 56 57 58 59 60 61 62 › ››