vueジャンプページを指定した場所にスクロール--照準点

vueジャンプページを指定した場所にスクロール--照準点

scrollIntoView()

scrollIntoView()
原理:1は②にジャンプし、1はrouter-link/aラベルである.②はdivラベル
①ジャンプに対応する②設定したid値をバインドし、②ページロード完了時にscrollIntoViewでジャンプ
router-link :

<!-- moreContent -->
  <div class="xinya-conten-item">
    <router-link
      class="moreContent"
      tag="div"
      :to="{ name: 'videoDetail', params: { id: listItem[0].id } }"
      >
      	<div class="boxContent">
      		<span>      ...</span>
      		<img src="../assets/images/videoMore3.jpg" alt="" />
      	</div>
    </router-link>
  </div>

mounted() {
    //                 
    //   hash    
    var hash = window.location.hash;
    //       , id  
    var id = "#" + hash.substring(14);
    //   scrollIntoView  api      
    document.querySelector(id).scrollIntoView(true);
  },

aラベル:

a.html ：
<a href="b.html#abc">xxx</a>

b.html      ：
<a name="abc"></a>