vue中的 this.$router.push() 路由跳转事件

this.$router.push可以携带参数跳转内链页面,需要在index.js中配置路由。两种传参方式:

  • params 携带的参数不会出现在网页上方的地址栏中

传递数据

this.$router.push({

    path: '期望跳转且index.js中已经配置的路由名称',

    params:{

        token: '*****',

        dateTime: '2021/01/26 10:10:10'

    }

})

取数据

this.$route.params.token 
this.$route.params.dateTime
  • query 携带参数 会紧接着url?token="xxx"&dateTime="2021/01/26 10:10:10"

传递数据

this.$router.push({

    path: '期望跳转且index.js中已经配置的路由名称',

    query :{

        token: '*****',

        dateTime: '2021/01/26 10:10:10'

    }

})

取数据

this.$route.query.token 
this.$route.query.dateTime

 

你可能感兴趣的:(VUE,vue)