2***@qq.com
2***@qq.com
  • 发布:2023-08-26 18:18
  • 更新:2023-08-27 22:43
  • 阅读:177

【报Bug】list组件:render-reverse="true"无效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

手机系统: Android

手机系统版本号: Android 14

手机厂商: 小米

手机机型: 红米k40g

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
    <view>  
        <list class="list" :bounce="false" :render-reverse="true">  
            <slot></slot>  
            <!-- #ifdef APP-NVUE -->  
            <!-- 解决APP端的滚动锚定问题,在最后一个cell 设置 keep-scroll-position 和 render-reverse-position -->  
            <cell :keep-scroll-position="true" :render-reverse-position="true"  ref="uni-im-list-last-item">  
                <!-- 高度为0的 最后一个元素用于方便滚动到最后一个元素 -->  
                <text>111</text>  
            </cell>  
            <!-- #endif -->  
        </list>  
        <list class="list" :bounce="false" :render-reverse="true">  
            <cell :keep-scroll-position="true" :render-reverse-position="true" >  
                <text v-for="(item,index) in 10" :key="index">{{index}}</text>  
            </cell>  
        </list>   
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  
    .list {  
        height: 500px;   
        border: 1px #000 solid;  
    }  
</style>

代码是 从im中复制出来的

操作步骤:

预期结果:

数据从底部渲染

实际结果:

数据从头部渲染

bug描述:

按文档描述 数据应该是从底部开始渲染的但是并没有

2023-08-26 18:18 负责人:无 分享
已邀请:
w***@gmail.com

w***@gmail.com

这块我理解只是渲染图形的方式是从底往上,这样新数据可以优先渲染出来。而它不会改变提供的数据的顺序,变成倒序排列。

另外,代码中的for循环应该写在cell上,而不应在text上

要回复问题请先登录注册