...name和params进行跳转页面传参刷新参数丢失的问题

通常我们在两个页面传数据时，一般会采用params，query，或者将数据用vuex，localStorage，sessionStorage，然后方便其他页面调用数据，但是params和vuex只要页面刷新，穿过来的数据就会丢失，下面请看用 params 传数据 调整函数：这样传参时，地址栏就会出现参数了，这样数据就不会丢失了。除此之外，我们还可以...

我们可以看到传递了参数 id=1，在详情页面可以通过 this.$router.query.id 获取，即使刷新当前详情页面，id的值也不会消失；query 和 params两者之间的区别：1、query通过path切换路由，params通过name切换路由 2、query 通过this. router.params 来接收参数值 3、展现形式不一样 query的展现url 是 pa...

对于使用 `params` 的情况，刷新页面会丢失参数，这时结合 `localStorage` 存储状态。使用 `query` 参数在 URL 中传递数据，即使刷新页面，数据也保持不变。若使用 `params`，则需要在应用中集成 `localStorage` 来保存状态，确保在刷新页面时，数据依然可用。总结，动态组件的渲染简化了多级路由的逻辑，...

1. 写法不同，query使用path编写传参地址，而params使用name编写传参地址。你可以查看路由编写时的相关属性，也可以输出路由对象信息进行查看。2. 接收方法不同，一个使用query接收，一个使用params接收。总结来说，就是谁发的谁去接收。3. query刷新页面时参数不会消失，而params刷新页面时参数会消失，...

3、params传参可以认为是post的方法，因为他的一种传参方法是看不到参数的，获取的时候通过params来获取。通过name来匹配相应的组件。路由传参的三种方法第一种方法页面刷新数据不会丢失需要对应路由配置如下：可以看出需要在path中添加/：id来对应$router.push中path携带的参数。在父组件中写点击跳转方法...

重要的是，params用于在路由间传递参数，比如登录后传递用户名到主页。但params在刷新页面后会丢失，因此推荐使用动态路由'/login/:username'。此时，传入的参数如{ username: 'admin' }，访问地址将变为'http://localhost:8080/home/admin'。总的来说，params适合传递关键信息，而query则适用于GET请求...

params、query不设置也可以传参，但是params不设置的时候，刷新页面或者返回参数会丢失。两者都可以传递参数，区别是什么？query 传参配置的是path，而params传参配置的是name，在params中配置path无效 query在路由配置不需要设置参数，而params必须设置 query传递的参数会显示在地址栏中 params传参刷新会无效...

1.props.params（推荐）当页面跳转到UserPage页面之后，取出传过来的值：上面的方法可以传递一个或多个值，但是每个值的类型都是字符串，没法传递一个对象,如果传递的话可以将json对象转换为字符串，然后传递过去，传递过去之后再将json字符串转换为对象将数据取出来 2.query（不推荐:刷新页面参数丢失） ...

另一种是params，它作为路由名称的一部分，不会显示在URL中。通过``跳转，取值为`this.$route.params.key`。这种传递方式适合传递对象或需要隐藏的参数，但刷新页面后数据会丢失。另一种直接使用$router对象进行跳转的方法，可以同时通过query和params。如`this.$router.push({ path: '/detail', query...

注意：在我们页面跳转的传参的时候使用params传参，在路由里也一定要使用，来匹配对应参数，不然在刷新页面的时候参数会丢失（或者可以使用query来传参数，刷新不丢失）router里name属性几种常用用途：1.指定页面路由，并传递参数 其实在这里使用 <router-link to="/Liantong"> 同样可以实现页面导航跳转，...