query传值


使用query,页面刷新不会存在问题,也不需要在路由中配置。

   {
      path:'/detail',
      component: detail,
   }

  使用方法:

  传递参数(JS中):  

    this.$router.push({
          path: '/detail', query:{key: item.id}
          });

  传递参数(页面中):

    <router-link :to="{ path:'/detail', query: {key: item.id} }"><button>显示<button>router-link>

    <router-link :to="`/detail?id=${item.id}`"><button>显示button>router-link>

  获取参数:

    this.$route.query.key

  url的表现形式(url中带有参数):

    http://localhost:8080/detail?key=1