Vue无线滚动不触发问题

<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>