vant组件list懒加载，子组件滚动条作用在父组件上的问题

项目：

利用vue-cil搭建框架，结合vant组件中的list组件和axios动态获取电影列表渲染列表页，然后根据列表页对应id跳转详情页。

初始化代码

export default {
  data () {
    return {
      filmslist: [],
      loading: false,
      finished: false,
      number: 1,
      total: 0
    }
  },
  mounted () {
    http({
      url: '******',
      headers: ********
    }).then(res => {
      this.filmslist = res.data.data.films
      this.total = res.data.data.total /* 获取json文件中电影的数量 */
    })
  },
  methods: {
    onLoad () {
      // console.log(this.filmslist.length)
      /* 增加判断防止详情页跳回便加载 */
      if (this.filmslist.length === this.total) {
        this.finished = true
        return
      }
      this.number++
      http({
        url: `*****&pageNum=${this.number}&pageSize=10&*****`,
        headers: ****