vue2.0中怎么做锚点定位

可以透过 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

}

}

}

})

在vue中实现锚点定位效果

iview爬坑点 且需要把滚动容器的id或者class穿给锚点组件

利用iview 锚点组件 原先绑定id写在蓝框区域 导致锚点位置不对

法一的好处就是刷新页面仍能保持当前位置，因为id直接写进路由的

法二刷新返回顶处

---