3***@qq.com
3***@qq.com
  • 发布:2021-04-15 12:37
  • 更新:2021-04-16 21:30
  • 阅读:563

nvue里面 list组件的 loadmore事件不执行

分类:nvue
<template>  
    <view>  
        <my-sort-box @onSorting="onSorting" style="position: sticky;" :checkboxList="$store.state.dictionary.material" :render-whole="true">  
        </my-sort-box>  
        <list ref="list" @loadmore="moreData" loadmoreoffset="15">  
            <cell v-for="(item, index) in orderList" :key="item.id">  
                <uni-card>  
                    <view class="flexRow cardRow">  
                        <text class="cardFontClass">{{item.billNo}}</text>  
                        <uni-tag size="small" :text="getStatus(item.sendStatus)" type="error"></uni-tag>  
                    </view>  
                    <view class="flexRow cardRow">  
                        <text class="cardFontClass">材料:{{ item.billBodyVOList[0].materialCn }}</text>  
                        <text class="cardFontClass">运输车牌:{{ item.plateNo }}</text>  
                    </view>  
                    <view>  
                        <text class="cardFontClass">起运时间:{{ item.sendTime }}</text>  
                    </view>  
                    <view class="flexRow footer" style="justify-content: flex-end;">  
                        <button v-if="item.sendStatus == 0" style="margin-right: 20rpx;" size="mini" type="primary">编辑</button>  
                        <button size="mini" type="primary" v-if="item.sendStatus != 0">二维码</button>  
                        <button v-if="item.sendStatus == 0" style="margin-right: 20rpx;" size="mini" type="warn">删除</button>  
                        <button v-if="item.sendStatus == 0" size="mini" type="primary">发货</button>  
                    </view>  
                </uni-card>  
            </cell>  
        </list>  
    </view>  
</template>  

methods: {  
            moreData (val) {  
                console.log(val)  
                // this.$refs["list"].resetLoadmore()  
            },  
}
2021-04-15 12:37 负责人:无 分享
已邀请:
突然好想你

突然好想你

你这执行的应该是页面级滚动执行的是onReachBottom生命周期,尝试在根接点view上加个样式flex: 1,然后在list组件上加个样式flex:1,应该就能触发了(或者在根节点上用position:relative,list上用position:absolute)(再或者直接设置list的高度);判断是不是list滚动也很容易,设置list的scrollable属性为false,如果页面能滚动,证明使用的页面级滚动,执行的是onReachBottom生命周期,如果不能滚动,则是list滚动;

3***@qq.com

3***@qq.com (作者) - 长沙彭荣

谢谢,确实显示定义list的高度就行了

该问题目前已经被锁定, 无法添加新回复