Vue 路由切换时页面刷新页面重新渲染

使用路由跳转并携带参数，参数传入跳转路由的界面，并传给父组件，父组件接收到参数后传给子组件，子组件做相应的响应。在路由切换跳转之后，页面是不会进行重新渲染的，因此导致了如下错误。为解决页面不刷新问题。

博客zhu虎康

3629人浏览 · 2022-09-30 15:25:55

博客zhu虎康 · 2022-09-30 15:25:55 发布

在路由切换跳转之后，页面是不会进行重新渲染的，因此导致了如下错误

使用路由跳转并携带参数，参数传入跳转路由的界面，并传给父组件，父组件接收到参数后传给子组件，子组件做相应的响应
只进行跳转
```
this.$route.replace('地址')
```

进行跳转并携带参数

this.$route.push({name:'地址',params:{key:value}})

为解决页面不刷新问题

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}$/, //不连续的两位字母// /^