[笔记] vue2.0中使用scrollIntoView实现锚点定位

有这么一个需求 就是 页面左侧是树结构的菜单数据 右侧是相关的菜单权限 点击菜单项滚动到对应的菜单权限区域

这里最简单的方法就是 在菜单权限区域设置一个唯一的id （这里需要注意id不能全为数字，否则会报错）

<div
    v-for="(item, index) in formatPermission[activeName]"
    :key="index"
    :id="`menu_${item.menuId}`"
>
                    
</div>

然后在点击菜单项的时候使用

this.$el.querySelector(`#menu_${data.id}`).scrollIntoView(true);

搞定~