html list 非下拉,html 引入vue,vant/ list列表组件，下拉没反应

如图，

代码：

#app {

}

.test{

width: 100%;

height: 100px;

line-height: 100px;

text-align: center;

font-size: 33px;

}

v-model="loading"

:finished="finished"

finished-text="没有更多了"

@load="onLoad"

>

:key="item"

:title="item">

{{item}}

let vm = new Vue({

el:'#app',

data:{

count: 0,

isLoading: false,

list: [],

loading: false,

finished: false

},

methods:{

onLoad() {

// 异步更新数据

setTimeout(() => {

for (let i = 0; i < 16; i++) {

this.list.push(this.list.length + 1);

}

// 加载状态结束

this.loading = false;

// 数据全部加载完成

if (this.list.length >= 60) {

this.finished = true;

}

}, 500);

},

}

});

html 引入vue,vant/ list列表组件，下拉没反应，上拉有效果。。。

各位大佬，这是怎么回事呢，提供下写法>_<