vue中，模擬錨點定位，實現滾動動畫效果

平時我們利用錨點進行頁面內的快速瞬移，畫面跳轉生硬，觀感很差。

在VUE中，如何快速的實現錨點效果，並且還讓它擁有滾動的動畫效果呢。

其實兩行代碼就能解決問題

<a @click="goAnchor('#anchor14')">點擊這里跳轉</a>

methods: {
            //模擬錨點跳轉
            goAnchor(selector) {//參數selector是id選擇器（#anchor14）
                document.querySelector(selector).scrollIntoView({
                    behavior: "smooth"
                });
            },
        }

 

既然不想跳轉那么就不要用a標簽，href中url沒有任何意義。

為了語義化和維護性，建議不要使用帶有具體功能語義的標簽，有時候會觸發很多意想不到的效果，這個權重問題我們應該盡量避免。