vue路由传参(query/params)

query

如若你使用push进行跳转,你需要query传参,query传参会在地址栏显示的,你可以用encodeURL(),

编码一下去避免明文传输,如下图

<el-button type="primary" @click="next">下一步</el-button>



<script>
 methods: {
    next() {
      dataFrom = JSON.parse(JSON.stringify(this.formData))
      for(var i in dataFrom) {
         dataFrom[i] = encodeURI(dataFrom[i])
      } 
      this.$router.push({
        path: `/button`,
        query: dataFrom,
      });
    },
  },
}
</script>

params

如若你使用name进行跳转,你需要params传参,如下图

<el-button type="primary" @click="next">下一步</el-button>



<script>
 methods: {
    next() {
      this.$router.push({
        name: `button`,
        params: dataFrom,
      });
    },
  },
}
</script>