Vue Router 中‘ this.$router.push ‘跳转页面不刷新的问题

在写vue项目路由跳转时, 肯定遇到过路由跳转到新页面后通过接口查询得到的后台数据, 这时候再返回上一个页面再点击路由跳转的时候会发现新页面通过接口查询的数据没有了。这是因为再你第二次点击路由跳转的时候，你的初始函数方法mounted没有执行。解决办法有两种：第一种：将mounted函数替换成activated函数。第二种：通过路由监听的方法watch()。将mounted下的方法函数放

暖一杯茶

5169人浏览 · 2021-01-28 11:44:43

暖一杯茶 · 2021-01-28 11:44:43 发布

在写vue项目路由跳转时, 肯定遇到过路由跳转到新页面后通过接口查询得到的后台数据, 这时候再返回上一个页面再点击路由跳转的时候会发现新页面通过接口查询的数据没有了。
这是因为再你第二次点击路由跳转的时候，你的初始函数方法mounted没有执行。

解决办法有两种：

第一种：将mounted函数替换成activated函数。

第二种：通过路由监听的方法watch()。将mounted下的方法函数放到watch路由下（用户体验不好）

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^