鸿蒙uni-app uni.showmodal组件editable设置true不能输入,另外picker不能触发弹窗

鸿蒙uni-app uni.showmodal组件editable设置true不能输入,另外picker不能触发弹窗

开发环境 版本号 项目创建方式
Windows win10 HBuilderX

产品分类:uniapp/App
PC开发环境操作系统:Windows
PC开发环境操作系统版本号:win10
HBuilderX类型:Alpha
HBuilderX版本号:4.71
手机系统:HarmonyOS NEXT
手机系统版本号:HarmonyOS 5.0.1
手机厂商:华为
手机机型:nova 12 Pro
页面类型:vue
vue版本:vue3
打包方式:云端

示例代码:

输入

uni.showModal({  
title: '请确认今日工作内容',  
editable: true,  
placeholderText: '请确认今日工作内容',  
success: function(res) {  
i  
}  
});  

弹窗

<picker @change="departstate" :range="departmentarrays">  

更多关于鸿蒙uni-app uni.showmodal组件editable设置true不能输入,另外picker不能触发弹窗的实战教程也可以访问 https://www.itying.com/category-93-b0.html

11 回复

showmodal 的没有 editable 是因为鸿蒙原生的弹窗还没有输入框,因此还没有加
picker 的问题,range 传的内容是什么?

更多关于鸿蒙uni-app uni.showmodal组件editable设置true不能输入,另外picker不能触发弹窗的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


数组[‘a’,‘b’]

鸿蒙录音功能什么时候能兼容

你说的哪个 API?

回复 DCloud_UNI_yuhe: getRecorderManager这个api

可以的啊,你是不是使用的低版本,在项目的harmony-configs 有没有 oh-package?

我先研究下,好像知道哪问题了,不行在问你,感谢

是这个么

你这里面的版本号是多少?

回复 DCloud_UNI_yuhe: “modelVersion”: “5.0.0”, “description”: “Please describe the basic information.”, “dependencies”: { “@dcloudio/uni-app-runtime”: “./libs/UniAppRuntime.har”, “@uni_modules/hmr-for-uni-app”: “./libs/uni_modules__hmr_for_uni_app.har” }, “devDependencies”: { “@ohos/hypium”: “1.0.19”, “@ohos/hamock”: “1.0.0” }

针对您在使用uni-app开发鸿蒙应用时遇到的uni.showModal可编辑模式无法输入和picker组件无法触发弹窗的问题,以下是具体分析和解决方案:

1. uni.showModal editable:true 无法输入

  • 兼容性问题:当前HBuilderX 4.71版本对HarmonyOS NEXT的支持仍处于早期阶段,editable参数在鸿蒙平台可能存在兼容性限制。
  • 临时解决方案
    // 改用原生输入框组件替代
    uni.showModal({
      title: '请确认今日工作内容',
      content: '',
      showCancel: true,
      success: (res) => {
        if (res.confirm) {
          // 通过自定义弹窗实现输入功能
          this.showCustomDialog()
        }
      }
    })
    
    建议通过自定义弹窗+input组件实现可编辑弹窗功能。

2. picker组件无法触发弹窗

  • 事件绑定问题:在HarmonyOS环境下,@change事件可能在特定版本存在触发异常。
  • 解决方案
    <picker 
      mode="selector" 
      :range="departmentarrays"
      @change="departstate"
      @tap="handlePickerTap"
    >
      <view>点击选择部门</view>
    </picker>
回到顶部