terry 第22页 - code前端网

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

Vue Router里的navigate该怎么用？常见场景与易错点解析

做Vue项目时,路由跳转是绕不开的需求，从页面导航到详情页、权限页切换……Vue Router提供的编程式导航里，navigate这个方法经常被提起，但不少同学刚接触时会犯懵：它和router.push有啥区别？啥场景用更合适？遇到跳转失败...

Vue Router；navigate

2个月前 (08-03) 68 阅读 #Vue
Vue Router里的next函数和redirect配置有啥区别？

p>不少用Vue开发的同学，在处理路由导航守卫（像beforeEach这些钩子函数）时，对next函数里的重定向逻辑经常犯迷糊——啥时候该用next('/path')？redirect配置和导航守卫里的重定向有啥区别？碰到循环重定向咋...

Vue Router；next redirect

2个月前 (08-02) 97 阅读 #Vue
一、先搞懂，Vue Router的optional param是啥？

不少做Vue项目的小伙伴,在处理路由传参时，总会对“可选参数（optional param）”犯难——比如有些页面带参数能访问，不带参数也得正常显示，这时候路由该咋配？参数咋处理才灵活？今天就把Vue Router里optional par...

Vue Router；可选参数

2个月前 (08-02) 71 阅读 #Vue
一、onerror是Vue Router里的什么机制？

p>很多用Vue开发项目的同学，在处理路由相关错误时，总会碰到“路由跳转失败咋捕获？”“异步组件加载出错咋处理？”这类问题，Vue Router里的onerror钩子就是专门应对路由过程中错误的工具，但不少人对它的用法、适用场景还模模...

Vue Router；onerror

2个月前 (08-02) 66 阅读 #Vue
声明式导航怎么打开新标签页？

在Vue项目里用Vue Router做页面跳转时，不少同学都会碰到「怎么让路由在新标签页打开」的问题，毕竟单页面应用（SPA）默认是在当前页面切换路由，可实际业务里像打开商品详情、跳转外部链接、需要保留当前页操作状态这类场景，都得让路由在新...

声明式导航；新标签页

2个月前 (08-02) 104 阅读 #Vue
一、先想清楚，为什么要监听路由变化？

做Vue项目时，经常碰到“路由变了要执行逻辑”的需求——比如进入页面要埋点统计、参数变了要重新请求数据、离开页面要做权限校验…那vue router里怎么监听路由变化（也就是“on change”的逻辑）？不同场景下有哪些实现方式？踩过哪些...

路由监听；路由变化

2个月前 (08-02) 78 阅读 #Vue
一、Vue Router onReady 是干啥的？

做Vue项目时，你有没有遇到过“路由还没准备好，代码就开始执行”的情况？比如想在路由初始化后加载数据、初始化插件，结果要么逻辑提前跑了，要么页面闪一下才正常，这时候Vue Router的onReady（还有Vue Router 4里的isR...

Vue Router；onReady

2个月前 (08-02) 104 阅读 #Vue
Vue Router的onBeforeRouteUpdate怎么用？能解决哪些实际开发问题？

做Vue项目时，有没有遇到过“路由参数变了，但页面数据还是旧的”这种情况？比如从商品1跳到商品2，组件没重新加载，数据也没更新，这时候Vue Router里的onBeforeRouteUpdate就能帮上大忙！今天就唠唠这个导航守卫是干啥的...

2个月前 (08-01) 75 阅读 #Vue
不少刚接触Vue Router的同学会疑惑，vue router on到底怎么用？它和导航守卫有啥区别？在项目里啥时候该用它？今天咱们就把这些问题掰碎了讲清楚，从基础概念到实战案例一次搞懂～

vue router on 是什么？ Vue Router 里的 on 方法，是给路由实例（router）订阅事件用的，打个比方，就像给网页按钮加 click 事件监听一样，路由在“导航过程”中会触发不同阶段的事件（比如导航开始、成功、失...

Vue Router；on

2个月前 (08-01) 66 阅读 #Vue
一、Vue Router场景下，mounted啥时候会执行？

不少刚接触Vue Router的同学会碰到这样的困惑：明明在组件里写了mounted钩子，可路由切换后它有时候不执行，有时候又执行了，这到底咋回事？想让mounted在路由变化时按自己想法触发，得从Vue Router的工作逻辑、组件生命周...

Vue Router；mounted执行时机

2个月前 (08-01) 90 阅读 #Vue

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