Vue跨页面锚点定位

 <dd @click="goto(‘/‘,‘productModel‘)">产品模型</dd>

 goto(page,selectID) {
      localStorage.setItem("toId", selectID);
      console.log(page,selectID,‘xxxxxxx‘)
      this.$router.push({ path: page });
    },

 created() {
    //创建时执行跳转锚点位置
    this.$nextTick(() => {
      this.getlocal();
    });
  },

 //从我本地找到id
    getlocal() {
      //找到锚点id
      let selectId = localStorage.getItem("toId");
      let toElement = document.getElementById(selectId);
      //如果对应id存在，就跳转
      if (selectId) {
        console.log(toElement,‘toElement‘)
        toElement.scrollIntoView(true)
      }
    },
    //离开页面进行对localStorage  id销毁，避免其他入口进来有锚点问题
    destroyed() {
      localStorage.setItem("toId", "");
    },