https://router.vuejs.org/如何通过平滑滚动实现原生搜索？

// main.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

Vue.use(VueRouter)

const routes = [
  // 定义你的路由
]

const router = new VueRouter({
  routes,
  scrollBehavior(to, from, savedPosition) {
    // 判断是否需要进行平滑滚动
    if (to.hash) {
      // 获取目标元素
      const targetElement = document.querySelector(to.hash)
      if (targetElement) {
        // 计算目标元素的位置
        const targetOffsetTop = targetElement.offsetTop
        // 平滑滚动到目标位置
        window.scrollTo({
          top: targetOffsetTop,
          behavior: 'smooth'
        })
      }
    } else {
      // 没有需要滚动的元素，直接滚动到顶部
      window.scrollTo({
        top: 0,
        behavior: 'smooth'
      })
    }
  }
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')