美文网首页前端Vue专辑
vue 中query 和params传参

vue 中query 和params传参

作者: 糖心儿的记录 | 来源:发表于2019-03-21 21:12 被阅读2次

跳转到home.vue页面:this.$router.push({name:'Home'})

或者this.$router.push({path:'/home'})

 this.$router.push({name:'Home',params:{id:data.id}) 还需要传参的话刷新时会丢失参数相对安全

还需要传参的话 this.$router.push({path:'/home',query:{id:data.id}) 刷新时不会丢失参数,传参信息会出现在地址栏上 ,不安全.

接受query传过来的内容:this.$route.query.xxx

接受params传过来的内容:this.$route.params.xxx 

相关文章

  • vue-router

    1. vue-router query 和 params 传参 params 传参: 总结: 用params传参只...

  • 路由传参 query 和 params

    vue路由传参分为两种情况: 一、query和params传参的区别: 1、query传参显示参数,params传...

  • vue - 路由带参跳转

    vue路由传参按照传参方式可划分为params传参和query传参; params传参分为在url中显示和影藏参数...

  • 31.vue传参

    1.vue传参 vue传参使用路由传参params,query,或者使用vuex,localStorage,vue...

  • vue 路由传参的三种方式

    vue路由传参方式 params query vuex + sessionStore

  • vue router知识点

    query和params传参的区别 一、区别 传参可以使用params和query两种方式; 使用params传参...

  • vue路由跳转传递参数方式

    vue中点击页面跳转传参,可以通过设置params 与query params方式获取params传值方式this...

  • vue路由传参

    Vue router如何传参 params、query是什么? params:/router1/:id ,/rou...

  • vue 中query 和params传参

    跳转到home.vue页面:this.$router.push({name:'Home'}) 或者this.$ro...

  • 2018-05-04 vue router传参

    本项目基于 vue-element-admin 传参分为params和query方法 本文中使用到的是params...

网友评论

    本文标题:vue 中query 和params传参

    本文链接:https://www.haomeiwen.com/subject/wvqnmqtx.html