简单实现锚点定位效果

html

// 导航
<ul>
    <li
        v-for="(item, index) in navList"
        :key="item.id"
        @click="clickItem(item.id)"
    >
        <span>{{ item.name }}</span>
    </li
</ul>

// 定位页
<div v-for="(item,index) in navList" :key="index" :id=" 'id'+index">
    {{item.name}}
</div>

script

clickItem（id）{
     document.getElementById('id' + id).scrollIntoView(true)
}