第七十三天至
第七十三天至
  • 发布:2019-11-17 18:34
  • 更新:2019-11-22 21:30
  • 阅读:907

【报Bug】Android下nvue使用list组件嵌套cell组件,当在cell里面使用了v-if 时,滚动到底部loadmore事件有时触发一次或几次,有时根本没有触发,去掉v-if后就正常

分类:nvue

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

重现步骤

[步骤]

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

<template>  
    <view class="content">  
        <list scrollable = 'true' class="list" loadmoreoffset='10' pagingEnabled='false' show-scrollbar='true' @loadmore = 'Myloadmore'>  
            <cell class="cell" v-for="element in lists" :key="element.i">  
                                                                    <!-- 依次改为0,1,2 -->  
                <text class="listCellTitleText" v-if="element.random===0" >{{element.random}}</text>  
            </cell>  
        </list>  
    </view>  
</template>  

<script>  
    export default {  
        onLoad(){  
            console.log(this.myrandom);  
            for (var i = 0; i < 150; i++) {  
                this.myrandom = Math.floor(Math.random()*3);  
                this.lists.push({  
                    i,random:this.myrandom  
                });  
            }  
        },  
        data() {  
            return {  
                lists: [],  
                myrandom:0  
            }  
        },  
        methods: {  
            Myloadmore(){  
                console.log('loadmore');  
                this.getlists();  
            },  
            getlists(){  
                for (var i = 0; i < 50; i++) {  
                    this.myrandom = Math.floor(Math.random()*3);  
                    this.lists.push({  
                        i,random:this.myrandom  
                    });  
                }  
            }  
        }  
    }  
</script>  

<style>  
    .content{  
        flex: 1;  
        background-color: #2C405A;  
    }  
    .list{  
        background-color: #007AFF;  
    }  
    .cell{  
        background-color: red;  
    }  
</style>  
2019-11-17 18:34 负责人:无 分享
已邀请:
第七十三天至

第七十三天至 (作者)

hx为最新版

第七十三天至

第七十三天至 (作者)

好急啊,又没人回答下啊

第七十三天至

第七十三天至 (作者)

顶顶顶顶

5***@qq.com

5***@qq.com

同样的问题啊。。。。

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