移动端 vue 中实现锚点定位

期望效果：点击每个锚点，能够定位到锚点所在的位置。（代码规范采用的是eslint）

简单粗暴代码如下所示：

       

          :key="index"

          @click="goAnchor('#anchor-'+index)"

          v-for="(item,index) in columns"

          class="anchorPoint"

          :class="{active:index==nowIndex}"

        >{{ item.columnName }}

     

goAnchor (selector) {

      this.nowIndex = selector.slice(8, 9);

      const anchor = this.$el.querySelector(selector);

      this.$el.querySelector(selector).scrollIntoView();

    }

效果图如图：