The use of van-list in the Vant component is in the custom list

origin

• The vant official website does not mention the use of custom lists, and there are only some simple examples. Here is the recording code I use vant-list

Requirements and usage

• need

  • Pull down and scroll to load, when it is about to bottom out, load the next page of data (here does not consider pull-up refresh and search list data)

• use

  • Set a fixed or adaptive flex:1height for vant-list, and set it overflow:scrollfor normal use

• Demo address and git address

  • Demo: https://codesandbox.io/p/github/superBiuBiuMan/vant_list_study/main?file=%2FREADME.md
  • git:https://github.com/superBiuBiuMan/vant_list_study

• Demo