v-infinite-scroll无限滚动

网上搜索了很多，基本上都是指'vue-infinite-scroll'组件，其实如果你是elementUI项目的话，你可以直接使用v-infinite-scroll示例：<div style="height:100px;overflow: auto;" v-infinite-scroll="test"><div style="height:200px">滚动...

山海一哥

13636人浏览 · 2020-04-24 18:18:44

山海一哥 · 2020-04-24 18:18:44 发布

网上搜索了很多，基本上都是指'vue-infinite-scroll'组件，其实如果你是elementUI项目的话，你可以直接使用v-infinite-scroll
示例：

 <div style="height:100px;overflow: auto;" v-infinite-scroll="test">
    <div style="height:200px">滚动</div>
  </div>

每次滚动到底部时就可会触发test这个方法。属性仅在设置了overflow的地方有效。
目前经测试在elementUI项目有效，具体查看elementUI的无效滚动。其他项目需要安装组件’vue-infinite-scroll’

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^