Vue无线滚动不触发问题

Vue的v-infinite-scroll="load" 会无线触发  要定义实际高度和可视高度之间关系

设置style="overflow:auto;height:calc(100vh - 49px)"   

100vh = 100% 

<div class="box"  style="overflow:auto;height:calc(100vh - 100px)">
        <div v-infinite-scroll="load" class="infinite-list" >
          <div v-for="(value, index) in listDate" class="infinite-list-item" :key="index">
            <el-card class="box-card" shadow="hover">
              <div class="essay-Title">{{value.essayTitle}}---{{index}}</div><br/>
            </el-card>
          </div>

        </div>
      </div>