code前端网 - 第98页 - 学技术，来code前端开发网

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

一、先分清参数的两种类型，动态路由 params 查询参数 query

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

动态路由；查询参数

1年前 (2025-08-11) 437 阅读 #Vue
一、先搞懂，为啥路由切换会丢状态？

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

路由切换；状态丢失

1年前 (2025-08-11) 434 阅读 #Vue
Vue Router 怎么结合 Keycloak 实现前端权限管理？

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

Vue Router；Keycloak

1年前 (2025-08-10) 415 阅读 #Vue
一、keep alive是Vue Router专属的吗？它本质是啥？

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

Vue Router；keep alive

1年前 (2025-08-10) 391 阅读 #Vue
1.keep-alive到底是干啥的？

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

alive；组件缓存

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

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

alive

1年前 (2025-08-10) 689 阅读 #Vue
Vue Router Link 如何保留查询参数（query params）

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

Vue Router 查询参数

1年前 (2025-08-10) 428 阅读 #Vue
1.vue router里的Layout到底是个啥？

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

Vue Router；Layout

1年前 (2025-08-09) 350 阅读 #Vue
一、vue-router link是干啥的？先搞懂单页应用跳转逻辑

做Vue单页应用开发时，导航跳转是绕不开的需求，用原生a标签？刷新页面体验差还容易丢状态；用vue-router的组件？但怎么配置参数？跳转没反应咋排查？新手常踩的“active样式不生效”“动态路由传参丢数据”这些坑咋避？这篇从基础用法、...

router；路由跳转

1年前 (2025-08-09) 439 阅读 #Vue
一、基础版，用全局导航守卫控制loading状态

做Vue项目时,页面切换那一下要是没loading反馈，用户很容易觉得“卡了”，那vue - router咋实现loading效果？从简单的全局加载，到和异步组件、第三方库结合，再到处理各种边界情况，这篇把思路和实操细节拆明白，新手也能跟着...

全局导航守卫；loading状态

1年前 (2025-08-09) 423 阅读 #Vue

‹‹ ‹ 94 95 96 97 98 99 100 101 102 103 › ››