如何在vue项目中使用锚点连接

前段时间在做官网项目的时候，遇到锚点链接跳转的操作，使用传统的 a标签，也试过js的 scrollIntoView()方法,都没能很好的解决我的问题。于是结合网上各种文章并做了调整之后，发现此方法挺好用的，在此记录：

// html部分没什么好说的
// 需要注意 activeClick()这块，'block': 标签名字 index: 下标 50： 每次滚动的距离
<div class="top"  id="boxFixed" :class="{'is_fixed' : isFixed}">
         <ul>
             <li style="margin-right:57px;">品类</li>
             <li >
                 <a  
                 v-for="(i, index) in list" 
                 :key="index" 
                 @click="activeClick('block'+ index, 50, index)" 
                 :class="{'active': colorChange == index}">
                 {
   {
   i.value}}
                 </a>
             </li>
         </ul>
 </div>
 // 这块也有需要注意的：此处我用了组件的写法，要想实现锚点链接跳转，需要在外层嵌套div
 <div ref="block0"><jj ></jj></div>