首页 > 编程知识 正文

vue url传参,vue获取链接中的参数

时间:2023-05-05 04:31:01 阅读:283507 作者:2030

用参数前加:来传递
1**.绑定参数**:在router>index.js来配置路由
比如说我们传递两个值newId和newTitle(配置文件里以:冒号的形式传递参数,这就是对参数的绑定).

2**传递参数的值**:在APP.vue中设置——此时newId的值为12/newTitle的值如图

3.获取参数值:首先我们得在components下面建一个params.vue组件:参数的获取是用{{ $route.params.newId}}

4.在我们的页面中就可以看到传递的值:

5.正则表达式在URL传值中的应用
上边的例子,我们传递了id,如果需要我们的值有一个类型,这时候我们就需要在传递时有个基本的类型判断,vue是支持正则的。
加入正则需要在路由配置文件里(/src/router/index.js)以圆括号的形式加入。

path: '/params/:newId(填写正则表达式)/:newTitle'

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。