原因在使用NuxtLink組件進行路由之間的錨點跳轉的時候,:target僞元素無法應用到目標元素。
出現這種情況一般是由於你沒有將這個組件標記爲外部組件,發現標記外部組件即可正確的進行錨點定位了。
原因可能就是nuxt會預讀取屬性,可能對標籤的點擊事件做了自定義處理,從而導致html的a標籤的自帶錨點失效了,無法導致目標元素上添加:target僞元素。
解決方法:
<NuxtLink ... :external="true" >#錨點按鈕
添加黃色區域的屬性即可解決nuxt進行錨點定位,導致:target僞元素無效的解決方法。
這種方式並不推薦,因爲這會導致每次點擊重新加載此頁面。
想知道更多的方法,去看這篇文章吧:https://www.cnblogs.com/XingXiaoMeng/p/17358648.html