vue传参方式

vue

1.name传参

name传参在配置路由时要给路由起name,然后通过$route.name进行接收参数

2.router-link to传参(推荐)

路由跳转router-link相当于传统a标签跳转页面,利用router-link传参时,应绑定(v-bind)to的值,其内容为一个对象,params内为要传递的参数,然后在接收参数页面通过$route.params.参数名进行接收

3.url传参

通过url传参的方式是在配置路由时在路径(path)后绑定参数要写/:参数名,注意:(路径中的括号是正则表达式,文中例子为newsId只能为数字,如果不是数字类型传参不成功)然后在app.vue中链接路径时传参

在接收参数页面通过$route.params.参数名进行接收

以上是 vue传参方式 的全部内容, 来源链接: utcz.com/z/378341.html

回到顶部