nuxt使用NuxtLink組件定義路由的錨點定位,使用:target僞元素無效問題的解決方法。

原因在使用NuxtLink組件進行路由之間的錨點跳轉的時候,:target僞元素無法應用到目標元素。

出現這種情況一般是由於你沒有將這個組件標記爲外部組件,發現標記外部組件即可正確的進行錨點定位了。

原因可能就是nuxt會預讀取屬性,可能對標籤的點擊事件做了自定義處理,從而導致html的a標籤的自帶錨點失效了,無法導致目標元素上添加:target僞元素。

解決方法:
<NuxtLink ... :external="true" >#錨點按鈕

添加黃色區域的屬性即可解決nuxt進行錨點定位,導致:target僞元素無效的解決方法。


這種方式並不推薦,因爲這會導致每次點擊重新加載此頁面。

想知道更多的方法,去看這篇文章吧:https://www.cnblogs.com/XingXiaoMeng/p/17358648.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章