vue路由跳转监听

click.native事件监听

<li v-for="(item, index) in routerList" :key="index">
	<router-link  :to="item.router" @click.native="refresh(item.router)">{{item.title}}router-link> 
li>

1.可用于刷新当前页

refresh (val) {
	// 判断是否为当前页, 因为这种刷新页面的代价太高, 所以需做个判断
   if (val.path === this.$route.path) {
     this.$router.go(0)
   }
 }

2.可用于改变当前页状态

refresh (val) {
   if (val.path === this.$route.path) {
     // 判断是否为当前页,是则返回顶部
     document.documentElement.scrollTop = 0
   }
 }

你可能感兴趣的:(vue)