vue-admin-template实现阈值

阈值是指触发加载的距离阈值，在vue-admin-template中可以通过设置infinite-scroll-distance属性来实现。在模板中，可以将infinite-scroll-distance属性设置为所需的像素值，当滚动到与这个值相差不多的位置时，就会触发加载。这个属性可以在使用v-infinite-scroll指令的元素上进行设置。

例如，在一个ul元素上使用infinite-scroll-distance属性，可以通过设置infinite-scroll-distance="1"来实现阈值为1像素。当滚动到与1像素相差不多的位置时，就会触发加载操作。

参考代码如下：

<template>
  <div>
    <ul class="infinite-list" v-infinite-scroll="load" infinite-scroll-distance="1">
      <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Demo",
  data() {
    return {
      count: 0
    };
  },
  methods: {
    load() {
      // 加载操作
    }
  }
};
</script>

<style scoped>
.infinite-list {
  height: 300px;
}
</style>