7***@qq.com
7***@qq.com
  • 发布:2024-07-06 18:12
  • 更新:2024-07-06 18:12
  • 阅读:131

【报Bug】uni-data-picker搭配uni-popup使用出现bug

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 4.23

手机系统: Android

手机系统版本号: Android 14

手机厂商: pda

手机机型: pda

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view>
<uni-popup ref="popupRef" type="bottom">
<view class="" style="height: 200rpx;background-color: #fff;">
<uni-data-picker :localdata="items" popup-title="请选择班级" ></uni-data-picker>
</view>
</uni-popup>
</view>
</template>

<script setup>
import {ref} from 'vue'

const popupRef=ref()  
const items=ref([{  
      text: "一年级",  
      value: "1-0",  
      children: [  
        {  
          text: "1.1班",  
          value: "1-1"  
        },  
        {  
          text: "1.2班",  
          value: "1-2"  
        }  
      ]  
    },  
    {  
      text: "二年级",  
      value: "2-0"  
    },  
    {  
      text: "三年级",  
      value: "3-0"  
    }])  
setTimeout(()=>{  
    popupRef.value.open()  
},500)  

</script>

<style>

</style>

操作步骤:

执行代码

预期结果:

正确高度呈现,并且正确关闭层级

实际结果:

无法呈现正确高度

bug描述:

uni-data-picker搭配uni-popup使用的时候,高度无法正确呈现,并且点击关闭会关闭所有popup,经过测试发现主要是由于外部popup容器的大小造成了显示不全的bug,如果外部的popup改高一点,就会没问题

2024-07-06 18:12 负责人:无 分享
已邀请:
7***@qq.com

7***@qq.com (作者)

补充:小程序,app这些都会

要回复问题请先登录注册