vue通过URL传递参数
用参数前加:来传递1**.绑定参数**:在router>index.js来配置路由比如说我们传递两个值newId和newTitle(配置文件里以:冒号的形式传递参数,这就是对参数的绑定).2**传递参数的值**:在APP.vue中设置——此时newId的值为12/newTitle的值如图3.获取参数值:首先我们得在components下面建一个params.vue组件:参数的获取是用{{
·
用参数前加:来传递
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'
更多推荐
已为社区贡献5条内容
所有评论(0)