Vue跨页面锚点定位

当前页

<li><span @click="goUrl('/solutionApp', 'slt')">产品解决方案</span></li>

    goUrl(url, id) {
      sessionStorage.setItem(id, id)
      this.$router.push(url);
    }

跳转页

created () {
      //创建时执行跳转锚点位置
      this.$nextTick(() => {
        this.getLocal();
      });
    },
    //离开页面进行对localStorage  id销毁，避免其他入口进来有锚点问题
    destroyed() {
      sessionStorage.setItem("slt", "");
    },
    methods: {
      getLocal() {
        //找到锚点id
        const selectId = sessionStorage.getItem("slt");
        //如果对应id存在，就跳转
        if (selectId) {
          document.getElementById(selectId).scrollIntoView(true)
        }
      }
    }