Vue 中使用 router-link 后，URL 变化但是页面不刷新

首先遇到这个问题后很疑惑，明明设置了router-link 跳转，但还是出现了问题，虽然URL发生了变化，但是页面却没变化，还停留在上一个页面的内容。尝试了好多方法发现都没用，最终找到了一个比较好的方法。在app.js中添加<router-view :key="$route.fullPath" />...

阳

3674人浏览 · 2021-11-02 14:24:25

*阳* · 2021-11-02 14:24:25 发布

首先遇到这个问题后很疑惑，明明设置了 router-link 跳转，但还是出现了问题，虽然URL发生了变化，但是页面却没变化，还停留在上一个页面的内容。尝试了好多方法发现都没用，最终找到了一个比较好的方法。

在App.vue中添加

<router-view :key="$route.fullPath" />

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