Question

vue2.0中怎么做锚点定位

Answer 1

可以透过 vue-router 里面的 scrollBehavior 实现

前提是你是使用 History 模式

html 部分就是按照你贴出来的图

// 例子，自行对应到你项目的代码
const router = new VueRouter({
routes,
mode: 'history',
scrollBehavior (to, from, savedPosition) {
// 如果你的连结是带 # 这种
// to.hash 就会有值(值就是连结)
// 例如 #3
if (to.hash) {
return {
// 这个是透过 to.hash 的值来找到对应的元素
// 照你的 html 来看是不用多加处理这样就可以了
// 例如你按下 #3 的连结，就会变成 querySelector('#3')，自然会找到 id = 3 的元素
selector: to.hash
}
}
}
})