最近遇到一個需求，進入頁面，滾動到錨點位置。

如何實現？

在router檔案下的index.js中

配置：

1.配置

2.路由跳轉

3.設定錨點

最後，我遇到了一個問題，你npm run build 生成專案後測試，第一次進入成功，然後在頁面中操作一波，重新整理，網頁開啟失敗，

顯示找不到資源。（不知別人有沒有遇到過）

解決方案：將router資料夾下index.js中的mode:"history" 註釋掉。

補充知識：vue開發中，實現錨點定位及跳轉（url不發生變化）

如下所示：

<template>
	<div>
		<div id='header'></div>
		<div class='footer' @click='returnTop'></div>
	</div>
</template>
methods:{
  returnTop(){
   document.querySelector("#header").scrollIntoView(true);
  }
 }

document.querySelector(“要返回地方的id”).scrollIntoView(true);

HTML5選擇了scrollIntoView() 作為標準方法,scrollIntoView()可以在所有的HTML元素上呼叫。

通過滾動瀏覽器視窗或某個容器元素，呼叫元素就可以出現在視窗中。

如果給該方法傳入true作為引數，或者不傳入任何引數，那麼 視窗滾動之後會讓調動元素頂部和視窗頂部儘可能齊平。

如果給該方法傳入false作為引數，呼叫元素會盡可能全部出現在視口中（可能的話，呼叫元素的底部會與視口的頂部齊平）不過頂部不一定齊平。

以上這篇vue 實現錨點功能操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。