vue-router也可以下錨點

小編之前在想對於單頁式的形象頁面，難道現在強大的響應式前端框架就無用武之力了嗎？那到不一定，今天來介紹一下vue-router裡面一個不常用，但小編覺得很可以的功能

簡單說就是透過vue-router的selector來指定頁面上的tag，透過behavior來形容行徑的過程，預設是直接跳過去，小編這邊用smooth平滑過去

// js

export default new Router({

  scrollBehavior: function (to, from, savedPosition) {

    if (to.hash) {

      return {

        selector: to.hash,

        behavior: "smooth"

      };

    } else {

      return { x: 0, y: 0 };

    }

  },

  mode: "history",

  routes: []

});

也可以透過RouterLink直接跳(滑)到指定錨點

// template

<router-link :to="{ name: 'Homepage', hash: '#enter' }">Enter</router-link>