SOURCE

var Main = {
    data() {
      return {
        list: [],
        isSearch: false,
        refreshing: false,
        loading: false,
        finished: false
      };
    },
    created () {
      this.onLoad()
    },
    methods: {
      onLoad () {
        setTimeout(() => {
          for (let i = 0; i < 20; i++) {
            const text = this.list.length + 1
            this.list.push(text < 20 ? '0' + text : text)
          }
          this.loading = false
          if (this.list.length >= 40) {
            this.finished = true
          }
        }, 500)
      }
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<script src="https://unpkg.com/vant/lib/vant.min.js"></script>
<div id="app">
<button @click="isSearch = true">按钮</button>

    <van-popup style="width: 80%;height: 80%" position="center" v-model="isSearch">
      <div style="position: fixed;z-index: 1;top: 0;">悬浮头部</div>
      <van-list
        v-model="loading"
        :finished="finished"
        @load="onLoad">
        <van-cell style="width: 80%;background: white" v-for="item in list" :key="item" :title="item + ''" />
      </van-list>
    </van-popup>
</div>

@import url("//unpkg.com/vant/lib/vant-css/index.css");