Question

我正在使用Onsen UI惰性重复-> https://onsen.io/v2/api/js/ons-lazy-repeat.html。如您所见，在他们的页面上一切正常，但是我在加载元素时遇到了问题。当我尝试渲染某些列表项（例如200）时，我只能渲染大约 19-30 ，并且只能滚动到特定点（向下滚动时，应该可以看到下一个元素，直到我达到列表长度为止，而且只能使我到达 30 个元素，而且我无法再向下滚动了。）此外，我尝试添加了calculate-item-height，但这并没有太大帮助。（当我返回较小的高度然后可以渲染所有元素时，这很有用，这是毫无意义的，因为这就是为什么我首先使用延迟加载-一次不渲染所有元素）有人有同样的问题吗？难道我做错了什么？ 这是列表：

<v-ons-list>
  <v-ons-lazy-repeat :render-item="renderItem" :length="SubItemSize">
  </v-ons-lazy-repeat>
</v-ons-list>

在脚本中：

renderItem: (index) => {
     const Constructor = Vue.extend(SubItem);
     return new Constructor({
         propsData: {
             pages: this.pages,
             index,
         },
         store,
     });
 },

Onsen UI延迟加载列表无法呈现所有元素

0 个答案: