持续完善 Pinda.cn 秒建营销活动 通过低代码 零代码的模式快速创建营销活动,欢迎使用 。

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 参数。

 

 
posted @   工具人Kim哥  阅读(4475)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
历史上的今天:
2006-10-31 Meta标签与作用
持续完善 Pinda.cn 秒建营销活动 通过低代码 零代码的模式快速创建营销活动,欢迎使用 。
点击右上角即可分享
微信分享提示