Vant 드롭다운 새로 고침, 위로 당기기

2246 단어 플러그 인
Vant 가져오기
npm i vant -S
, 。 。




export default {

  data() {

    return {

      data: [  ], //       ,      ,  v-for  

      datacontent: [], //   ,           ,        ,                , ~~~  

      isLoading: false, //    

      isUpLoading: false, //    

      upFinished: false, //      

      finished: false,

      offset: 100 //           offset    load  

    };

  },

  mounted() {

    for (var i = 0; i < 2; i++) {

      this.datacontent.push(this.data[i]); //                

    }

  },

  methods: {

    //        

    onRefresh() {

      setTimeout(() => {

        this.$toast("    "); //  

        this.isLoading = false;

      }, 500);

    },

    //        

    onLoad() {

      setTimeout(() => {

        this.$toast("    "); //  

        this.isUpLoading = false;

        for (var i = 0; i < 1; i++) {

          this.datacontent.push(this.data[i]); //                 ,  datacontent     ,         

        }

      }, 500);

      //              ,      。                

      setTimeout(() => {

        if (this.datacontent.length >= 10) {

          this.upFinished = true;

        } else {

          this.upFinished = false;

        }

      }, 1000);

    }

  }

};







vant 공식 주소:https://youzan.github.io/vant/#/zh-CN/pull-refresh#dai-ma-yan-shi

좋은 웹페이지 즐겨찾기