Nuxt 使用路由守卫为URL添加默认query查询参数

本文介绍了在Nuxt.js中如何处理URL参数丢失的问题,提出了两种解决方案:一是手动在每次跳转时添加query参数,二是通过配置router路由守卫结合Nuxt的plugins特性实现自动添加,默认保持路由的query参数。欢迎分享更多实现策略。
摘要由CSDN通过智能技术生成

使用Nuxt进行页面跳转的时候会更新URL,此时会发现携带的参数丢失了,但是我们又想在跳转任意路由的时候都携带默认统一的参数,目前想到以下两个实现方案:

  1. 跳转时手动添加(this.$router.push({name: ‘home’, query: { id: 1 }}))【麻烦且扩展性不好】
  2. 利用router路由守卫自动添加,(基于plugins特性)
// ~/plugins/router.js
export default ({
    app }) => {
   
	app.router.beforeEach
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值