this.$router.push带参数跳完后怎么参数为空

如题所述

举报该问题

第1个回答 2022-12-13

vue会在mounted方法执行之前渲染页面，此时news为null，无title、time等属性，故报错。
解决方法：
将data中定义的news变量的属性名都列出来，此时虽然news仍未赋值，但的确有title、time等属性，vue会在赋值后，自动进行一次页面的更新渲染。

相似回答

2020-12-16 this.$router.push()后this.$route.params无法接收参数答：通过name获取页面，传递params：在name为ProductList的目标页面通过this.$route.params获取参数：

this.$router.push页面不跳转 -- 记一个糊涂的 Bug,排查了好久_百度知 ...答：项目中有个 Bug,最后的问题就是使用 this.$router.push 到目标页面之后，目标页面没有出现，但是其数据却加载了。展示的是当前页面，当前页面的数据重新加载。导致一系列的错误提示。别觉得他是个多难的问题。。。鼓捣了老长时间，发现是组件 name 重名。

vue 中 router.push 中使用name和params,在控制台输出route.params为 ...答：注意看控制台输出中的第二个警告，它指出这些参数在跳转时是非法的。

vue 路由四种方式 (带参数)跳转答：router.push(location) 会向 history 栈添加一个新的记录，当用户点击浏览器后退按钮时，则回到之前的 URL。router.replace(location) ，replace 属性（默认值: false），它不会向 history 添加新记录，而是跟它的方法名一样 —— 替换掉当前的 history 记录。注意：获取路由上面的参数，用的是$...

详解vue 路由跳转四种方式 (带参数)答：this.$router.push 跳转到指定url路径，并想history栈中添加一个记录，点击后退会返回到上一个页面 this.$router.replace 跳转到指定url路径，但是history栈中不会有记录，点击返回会跳转到上上个页面 (就是直接替换了当前页面)this.$router.go(n)向前或者向后跳转n个页面，n可为正整数或负整数完整...

...Vue通过name和params进行跳转页面传参刷新参数丢失的问题_百度知 ...答：不适用于query；实现方式：在路由的配置项加一个props：true；修改路由配置为：要调整的组件中的props：最后的效果（刷新不会丢失）：当然也可以通过 path 和 query 的方式进行传参 this.$router.push({path: 路由路径，query: {要传的产生} }) 但是这不能进行 props 解耦。

大家正在搜

router跳转之后还会复用么 router和route区别 vue router ios无效 route和router的区别 router中无法获取store vue router mode vue router钩子函数 vuerouter传参 vue-router