Vue 锚点平滑滚动

Vue 锚点滚动要使用Vue Router中的滚动行为

注意：要使用router-link组件才能由作用

组件：

<router-link
            :class="{ active: sidebar.show }"
            :to="{ hash: '#' + sidebar.anchor }"
            class="router-link"
          >
            {{ sidebar.name }}
          </router-link>

# :to后面要写入hash: '#nax'

Router.js：

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes,
    scrollBehavior(to, from, savedPosition){
            if(to.hash){
                return{
                    selector: to.hash,
                    offset: {y:100},
                    behavior: 'smooth',
                }
            }
    }
})