vue vant组件库下拉刷新组件 van-pull-refresh

<van-pull-refreshv-model="isLoading"success-text="刷新成功"@refresh="onRefresh"success-duration='1500'><p>刷新次数: {{ count }}</p></van-pull-refresh>onRefresh(){//1、请求最新的数据//2、将数据追加到列

热爱°可抵岁月漫长

3758人浏览 · 2021-04-25 18:04:50

热爱°可抵岁月漫长 · 2021-04-25 18:04:50 发布

<van-pull-refresh
  v-model="isLoading"
  success-text="刷新成功"
  @refresh="onRefresh"
   success-duration='1500'
>
  <p>刷新次数: {{ count }}</p>
</van-pull-refresh>

onRefresh(){

   //1、请求最新的数据
   //2、将数据追加到列表的顶部
   //3、关闭下拉刷新loding状态

}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^