vue 默认滚动到指定位置

1.单独区域内可滚动

<van-cell-group ref="reList" class="rechargeList">
  <van-grid :column-num="3" clickable border>
    <van-grid-item
      v-for="(item, index) in items"
      :key="index"
      :text="item.name"
      style="height: 13vh"
    />
  </van-grid>
</van-cell-group>
<script>
data: function() {
	return {
		items: []
	}
}
</script>
<style scoped>
// 列表外层容器，固定高
.rechargeList {
  height: 66vh;
  overflow: scroll;
}
</style>

2.滚动到指定距离

通过 this.$refs.refName.scrollTop来指定高度
先在外层容器处注入ref = “reList”

<van-cell-group ref="reList" class="rechargeList">
	.....
</van-cell-group>

js部分

mounted () {
	// 
    let col = 3 // 需要滚动到的位置所在行数
    let allCol = Math.ceil(this.items.length / 3) // 总行数
    let reList = this.$refs.reList // 获取到容器的真实dom
    let singleHeight = reList.scrollHeight / allCol // 单行高度
    reList.scrollTop = Math.ceil(col) * singleHeight // 最终定位位置
}