mint-ui / mint-loadmore

A two-direction mobile load-more component for vue.js
MIT License
315 stars 102 forks source link

初始化loadmore出现错误,哪里出现错误了 #29

Open ghost opened 7 years ago

ghost commented 7 years ago
<template>
    <div>
        <loadmore :top-method="loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" ref="loadmore">
          <ul>
                <li v-for="item in list">{{ item }}</li>
          </ul>
        </loadmore>
    </div>
</template>
<script type="text/javascript-6">
    import loadmore from 'vue-loadmore';
    export default {
        data(){
            return {
                list: [],
                allLoaded: false
            }
        },
        components:{
            loadmore
        },
        methods:{
            loadTop(id){
                console.log(1);
                this.$refs.loadmore.onTopLoaded();
            },
            loadBottom(id) {
                this.allLoaded = true;// 若数据已全部获取完毕
                this.$refs.loadmore.onBottomLoaded();
            }
        }
    }
</script>
<style scoped>

</style>

image image

Ya-hui commented 7 years ago

@Jaction 您好,您解决了吗? 碰到同样的问题

chengqiang1992 commented 7 years ago

不知道两位是否解决这个问题,我也碰到了

lzcmagic commented 6 years ago

初始化的时候加上这句话 // 引入mint-ui的样式 import 'mint-ui/lib/style.css'