vue router-link 路径变化页面内容不变

在VUE项目中有碰到过，vue 同一路由页面用router-link 或者 router.push（）访问同一路由页面，出现url地址有变化，但是页面内容没有变化，没有重新加载信息解决方案如下 <router-link to="/home" @click.native="flushCom">首页</ro

huazi0_09

14765人浏览 · 2018-05-15 15:36:16

huazi0_09 · 2018-05-15 15:36:16 发布

在VUE项目中有碰到过，vue 同一路由页面用router-link 或者 router.push（）访问同一路由页面，出现url地址有变化，但是页面内容没有变化，没有重新加载信息

解决方案如下

<router-link to="/home" @click.native="flushCom">首页</router-link>

export default {

...
...
methods:{
flushCom:function(){
//router是路由实例,例如:var router = new Router({})
//router.go(n)是路由的一个方法，意思是在history记录中前进或者后退多少步，0就表示还是当前，类似window.history.go(n)
this.$router.go(0);
}
}

}

等于在router 链接触发后再通过click 时间刷新本页面，

如果大神有其他好的办法，评论回复多谢

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