Vue获取url网址参数的两种方法
Vue 有两种方法可以方便地获取 url 的参数:
一种是在路由中配置了 path :
{ path: '/detail/:id/', name: 'detail', component: detail, meta: { title: '详情' } }
获取参数:
let id = this.$route.params.id
注意:
1、参数名需要保持一致
2、如果路由中没有传参(https://chongfen.net
/detail),会报错页面无法显示。正常链接应该为 https://chongfen.net/detail/234
如果有的参数可传可不传,可以使用 ?
传参:
https://www.chongfen.net/detail?id=16
获取方法:
let id = this.$route.query.id
这样即使取不到参数,页面也不会报错。
可以根据自己的需求使用不同的方法获取 url 参数。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
2006-10-31 Meta标签与作用