热搜:m1 面试题 

路由传参的方式和区别(面试题)

小白2024-04-25 09:30:01

1、方式:params 和 query

2、区别:1)params用的是name,传递的参数在地址栏不会显示,类似于post

        2)query用的是path,传递的参数会在地址栏显示出来,类似于get      

3、举例说明:

   1)params 传参

    传: this.$router.push({

          name: 'particulars',

          params: {

            id: id

          }

        })

     接:this.$route.params.id

     

   2)query传参

     传:this.$router.push({

          path: '/particulars',

          query: {

            id: id

          }

        })

      接:this.$route.query.id