Làm cách nào để sử dụng router trong VueJS để scroll đến section hoạt động?

Em đang xây dựng 1 trang web sử dụng Vue và có các component được tách riêng ra từng file.

Vấn đề là em đang muốn khi nhấn vào link menu thì nó sẽ scroll đến cái div em muốn tuy nhiên em đã đặt cho các thẻ div(section) các #id tuy nhiên khi em sử dụng thẻ a href hc router-link để nó scroll đến thì nó không hoạt động! em cũng đã thử đặt các event nhưng cũng không ổn.... Mong được các anh chị, các cao nhân chỉ giáo ạ!

<div class="list-nav-item">
            <li>
              <router-link tag="a"  class="nav-link rttr" to="/" exact  >
             Trang chủ
            </router-link>
            </li>
            <li class="nav-item"> 
              <!-- <a href="#contact" class="nav-link"></a> -->
              <router-link tag="a"  class="nav-link rttr" to="#about"  >
             Về chúng tôi
            </router-link>
            </li>
            <li class="nav-item"> <router-link tag="a" class="nav-link rttr" to="#Newspaper" @click.prevent="scrollTo('#Newspaper')">
             Tin tức
            </router-link></li>
            <li class="nav-item"> <router-link  class="nav-link rttr" :to="'/recruit' && '/recruit/vi'" >
              Tuyển dụng
            </router-link></li>
            <li class="nav-item">
            <router-link class="nav-link rttr" to="#contact" >
             Liên hệ
              <a href="#contact"></a>
            </router-link></li>
          </div>