安卓 list组件 上滑加载事件无法触发

[shaibaoj]

使用list 做更多加载，loadmore 事件无法执行，@loadmore="loadmore" 事件无法触发

{{item.create_date}}

加载中...

<script> if(process.env.NODE_ENV === 'development') require('Config') import util from '../../utils/util'; export default { components: { 'ydh-goods':goodsBox, WxcResult,WxcLoading,WxcMinibar ,YdhMinibar,YdhResult,YdhRefresh,CommonUtils,Tools }, created() { util.initIconFont() this.init() }, data() { return { local:{}, initShow:false, isShow:false, hasItems:false, items: [], showLoading: 'hide', min_time:'', max_time:'', }, } }, computed : { showList : function() { return this.isShow; } }, methods: { init_query(){

    },
    loadmore(){
        this.$notice.loading.show("加载中..")
        this.showLoading = 'show';
        this.queryItems({
            min_date:this.min_time
        },resData =>{
            this.$notice.loading.hide()
            this.showLoading = 'hide'
            this.items.push.apply(this.items,resData.items)
            if(CommonUtils.dateDiff(this.min_time,resData.min_time)){
                this.min_time = resData.min_time;
            }
        },error => {
            this.$notice.loading.hide()
            this.showLoading = 'hide'
        })
    },
    onloading() {
        
    },
    loadingDown() {
        this.queryItems({},resData =>{
            this.$notice.loading.hide()
            this.showLoading = 'hide'
            this.items.push(resData.items);
        },error => {
            this.$notice.loading.hide()
            this.showLoading = 'hide'
            this.items.push(resData.items);
        })
    },
    queryItems(options,success,reject){
        this.$fetch({
            method: 'POST',
            name: 'cms.member.favorite.list',
            data: options
        }).then(resData => {
            success(resData);
        }, error => {
            reject(error);
        })
    },
    queryInitItems() {
        this.$fetch({
            method: 'POST',
            name: 'cms.member.favorite.list',
            data: {}
        }).then(resData => {
            this.items = resData.items;
            if(CommonUtils.dateDiff(this.min_time,resData.min_time)){
                this.min_time = resData.min_time;
            }
            this.isShow = true;
            if(this.items.length>0){
                this.hasItems = true;
            }

        }, error => {

        })
    },
    wxcResultButtonClicked(){
        this.queryItems();
    },
    onchange(index) {
        // console.log(index);
        // dom.scrollToElement(this.$refs[`page_${index}`][0], { animated: false })
    },
}

}
</script>

<style scoped> .wrapper { /* width:750px; */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* justify-content: center; */ /* flex-direction: column; */ } .list{ margin-bottom:0px; background-color: #ffffff; } .loading{ /* flex-direction: row; */ justify-content: center; align-items: center; width:750px; /* flex: 1; */ /* height:0px; */ } .indicator { /* background-color: black; */ color: #888888; font-size: 30px; padding-top: 20px; padding-bottom: 20px; } .history{ } .flex-row { flex-direction: row; } .full-rest { flex: 1; } .root { padding-top: 28px; padding-bottom: 24px; background-color: #ffffff; } .title { height: 40px; } .content { padding-top: 9px; padding-bottom: 42px; } .last-one-content { padding-bottom: 0; } .title, .content { padding-left: 60px; padding-right: 0px; } .line { position: absolute; top: 0; bottom: 0; left: 38px; width: 2px; background-color: #FFC300; } .first-one-title-line { top: 20px; } .last-one-title-line { bottom: 20px; } .last-one-content-line { width: 0; } .point { position: absolute; top: 13px; left: 32px; width: 14px; height: 14px; background-color: #FFF0BD; border-style: solid; border-width: 2px; border-color: #EE9900; border-radius: 100px; } .highlight-point { top: 7px; left: 26px; width: 26px; height: 26px; background-color: #EE9900; border-style: solid; border-width: 6px; border-color: #FFE78D; } .text-title { font-size: 30px; color: #3d3d3d; } .text-highlight-title { color: #EE9900; } .text-desc, .text-date { font-size: 24px; color: #a5a5a5; } .text-desc { margin-bottom: 12px; } </style>