Vueの旅団（8）ピットを登る：VUE単一ページのアンカーへジャンプ

アンカーリンク要求「＃+ id名」を使用したときに我々は、HTMLモードで使用する通常の状況下では、この時間は、＃URLをバックになります。しかし、単一のページで、状況をルーティング正義の流産があるでしょう。したがって、アンカーではなく単一ページモードパラメータを渡すことができます。

まず、パッケージ外部JS：anchor.js

// アンカージャンプ
機能goAnchor（セレクター）{
     VARアンカー= この $ el.querySelector（セレクター）;. // 要素を取得
    IF （アンカー）{ 
        のsetTimeout（（） => { // ページがレンダリングが完了していないされていない場合圧延、従って遅延設定する 
            ）（anchor.scrollIntoViewを; // 組み込みJS方法はビュー位置に要素位置スクロールでき 
        }、500 ）; 
    } 
}; 
// 取得パラメータは、
機能GetQueryString（名）{
      VAR REG = 新しい新しい正規表現（" （^ |＆）" +名+ " =（[^＆] *）（＆| $）" ）;
      VARR = window.location.search.substr（1 ）.match（REG）。
     もし（R！= NULL）戻り   アンエスケープ（R [ 2 ]）。リターン ヌル。
} 
 
エクスポート{ 
    goAnchor、
    GetQueryString 
}

第二に、紹介ページのjsを固定する必要があります

{goAnchorインポート、GetQueryStringは} から ' ../js/anchor ' ; 
 
方法：{ 
   goAnchor、
   GetQueryString、
          
}、（
マウント）{ 
   maodianせ = この .GetQueryString（' アンカー'）; // アンカー場合とページ、に点パラメータ、アンカー場所に処理が進み、パラメータ値はのIDである
   IF （maodian）{ 
        にconsole.log（maodian）; 
        この .goAnchor（' ＃' + maodian）; 
   } 
}