快捷導(dǎo)航

vue項(xiàng)目中錨點(diǎn)定位替代方式

更新時(shí)間：2019年11月13日 11:26:50 作者：aydongzhiping

今天小編就為大家分享一篇vue項(xiàng)目中錨點(diǎn)定位替代方式，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

在vue項(xiàng)目中，使用錨點(diǎn)定位會(huì)和router的規(guī)則沖突，在項(xiàng)目中的表現(xiàn)就是第一次點(diǎn)擊url改變了，但是沒有跳轉(zhuǎn)到錨點(diǎn)位置，再次點(diǎn)擊才會(huì)跳轉(zhuǎn)。所以在vue項(xiàng)目中定義一個(gè)方法不適用錨點(diǎn)定位：

  scrollToSection() {
   let section = document.getElementById('section')
   if (section) {
    section.scrollIntoView()
   }
  }

html標(biāo)簽中綁定click事件就可以了

以上這篇vue項(xiàng)目中錨點(diǎn)定位替代方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue頂部菜單欄實(shí)現(xiàn)小結(jié)
這篇文章主要介紹了vue頂部菜單欄實(shí)現(xiàn)小結(jié),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-06-06
Vue-cli 移動(dòng)端布局和動(dòng)畫使用詳解
這篇文章主要介紹了Vue-cli和移動(dòng)端布局和動(dòng)畫使用詳解，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
vue常用組件之confirm用法及說明
這篇文章主要介紹了vue常用組件之confirm用法及說明，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
Vue 3自定義指令開發(fā)的相關(guān)總結(jié)
這篇文章主要介紹了Vue 3自定義指令開發(fā)的相關(guān)總結(jié)，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下
2021-01-01
vue解決一個(gè)方法同時(shí)發(fā)送多個(gè)請求的問題
今天小編就為大家分享一篇vue解決一個(gè)方法同時(shí)發(fā)送多個(gè)請求的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
Vue 表情包輸入組件的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue 表情包輸入組件的實(shí)現(xiàn)代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-01-01
Vue開發(fā)實(shí)例探究key的作用詳解
這篇文章主要為大家介紹了Vue開發(fā)實(shí)例探究key的作用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01
vue開發(fā)移動(dòng)端h5環(huán)境搭建的全過程
在正式使用Vue進(jìn)行移動(dòng)端頁面開發(fā)前,需要做一些前置工作,下面這篇文章主要給大家介紹了關(guān)于vue開發(fā)移動(dòng)端h5環(huán)境搭建的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-08-08
關(guān)于vuepress部署出現(xiàn)樣式的問題及解決
這篇文章主要介紹了關(guān)于vuepress部署出現(xiàn)樣式的問題及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
一文教會(huì)你如何運(yùn)行vue項(xiàng)目
最近因?yàn)楣卷?xiàng)目問題,開始學(xué)習(xí)vue,這篇文章主要給大家介紹了關(guān)于如何運(yùn)行vue項(xiàng)目的相關(guān)資料,文中還介紹了如何運(yùn)行別人的項(xiàng)目,需要的朋友可以參考下
2022-06-06