vue路由传参的3种方式(极简)

·Query

通过在router-link的to中

在跳转过来的页面中接受是通过   this.$route.query.参数名称     

·Params

通过在router-link的to中

在router配置路由的地方在{

Path:”/跳转路由名称/:id”

}

在跳转过来的页面中接受是通过   this.$route.params.参数名称

methods是vue中的一个属性,在里面定义方法来进行路由跳转下面是方法:

上面两个比较常用,传参方式是在methods这个属性中进行跳转,通过点击来实现跳转如:

getdatlice(){

    this.$router.push(

    Path:`/跳转路由名称/${传参}`

)

}

在跳转过来的页面中接受是通过   this.$route.params.参数名称

你可能感兴趣的:(vue路由传参的3种方式(极简))