1***@qq.com
1***@qq.com
  • 发布:2023-08-17 17:58
  • 更新:2023-08-17 18:30
  • 阅读:352

【报Bug】uni-gird列显示会变化

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 家庭中文版 22H2

HBuilderX类型: 正式

HBuilderX版本号: 3.8.7

手机系统: Android

手机系统版本号: Android 11

手机厂商: vivo

手机机型: vivo x60

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

在首页点击任意格子,进入子页面,子页面中正常显示3列。点击返回,再次点击任意格子进入子页面,即可复现

预期结果:

呈3列显示

实际结果:

呈2列显示

bug描述:

子页面中使用uni-grid,返回主页面再次进入子页面时,子页面的column会-1

2023-08-17 17:58 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

确实有这个问题 应该是 百分比 影响的 固定750rpx就能解决了

<template>  
    <view style="width: 750rpx;">  
        <uni-grid :show-border="true" :column="3">  
            <uni-grid-item v-for="i in 10" >  
                1111  
            </uni-grid-item>                          
        </uni-grid>  
    </view>  
</template>  
  • 爱豆豆

    或者把边框去掉 :show-border="false" 也是可以的

    2023-08-17 18:38

  • 1***@qq.com (作者)

    谢谢!

    2023-08-18 11:00

要回复问题请先登录注册