首页 > 技术文章 > vue页面跳转页面并且到对应锚点

lucy1111 原文

查询很多资料。发现写法很复杂,如果要求不高,可以试试以下方法

 router-----------   /#/serve#serve5 

methods: {
    getLocal() {
      var hash = window.location.hash;
      var index = hash.lastIndexOf("#");
      var id = hash.substring(index + 1, hash.length + 1);
      var div = document.getElementById(id);
      if (index != -1) {
        div.scrollIntoView(true);
      }
    }
  },
  created() {
    this.$nextTick(() => {
      this.getLocal();
    });
  },
  mounted() {
    var hash = window.location.hash;
    var index = hash.lastIndexOf("#");
    if (index != -1) {
      this.$nextTick(() => {
        window.addEventListener("scroll", this.handleScroll);
      });
    }
  }
 
 
 
以上处理相对来说比较简单
 

推荐阅读