uni-app u-form-item 在安卓14版本里面无法弹起 Tag 对话框

uni-app u-form-item 在安卓14版本里面无法弹起 Tag 对话框

信息类别 详情
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 win11
HBuilderX Alpha
HBuilderX版本 4.11
手机系统 Android
手机版本号 Android 14
手机厂商 OPPO
手机机型 Ace 3
页面类型 vue
vue版本 vue2
打包方式 离线
项目创建方式 HBuilderX

示例代码:

<u-form-item  
    label="个性标签"  
    labelWidth="215"  
    :labelStyle="formLabelStyle"  
    rightIcon="arrow-right"  
    :rightIconStyle="{color: '#555555'}"  
>  
    <Tags ref="vtags" @set_tags="set_tags" />  
</u-form-item>

操作步骤:

  • 数据线连接安卓手机, 运行到手机安卓APP基座

预期结果:

  • 在安卓14版本下可以打开弹窗

实际结果:

  • 在安卓14版本下点击选项无法打开checkbox弹窗

bug描述:

<u-form-item  
    label="个性标签"  
    labelWidth="215"  
    :labelStyle="formLabelStyle"  
    rightIcon="arrow-right"  
    :rightIconStyle="{color: '#555555'}"  
>  
    <Tags ref="vtags" @set_tags="set_tags" />  
</u-form-item>  
set_tags 函数:  
set_tags(ids) {  
    console.log('ids: ',ids)  
    this.form_zhaohuo.tags = ids.join(',')  
}
```
```
App下载地址或H5网址:  
<https://m.jah8888.com/#/pages/public/down>

更多关于uni-app u-form-item 在安卓14版本里面无法弹起 Tag 对话框的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app u-form-item 在安卓14版本里面无法弹起 Tag 对话框的实战教程也可以访问 https://www.itying.com/category-93-b0.html


uni-app 中使用 u-form-item 时,如果遇到在 Android 14 版本中无法弹起 Tag 对话框的问题,可能是由于以下原因之一:

  1. 兼容性问题:Android 14 可能对一些前端框架或组件的支持存在兼容性问题,导致某些功能无法正常工作。

  2. 权限问题:Android 14 可能对某些权限进行了更严格的限制,导致对话框无法正常弹出。

  3. 组件内部逻辑问题u-form-itemTag 组件的内部逻辑可能在 Android 14 上存在 bug 或未适配的问题。

解决方案

  1. 检查权限: 确保你的应用在 Android 14 上拥有必要的权限,特别是与对话框相关的权限。

  2. 更新依赖: 确保你使用的 uni-app 和相关组件库(如 uView)是最新版本。开发者可能已经在新版本中修复了类似的兼容性问题。

  3. 使用原生对话框: 如果 u-form-itemTag 对话框无法正常工作,可以尝试使用原生对话框组件,如 uni.showModaluni.showActionSheet 来替代。

    uni.showModal({
        title: '提示',
        content: '这是一个原生对话框',
        success: function (res) {
            if (res.confirm) {
                console.log('用户点击确定');
            } else if (res.cancel) {
                console.log('用户点击取消');
            }
        }
    });
    
  4. 自定义对话框: 如果原生对话框无法满足需求,可以尝试自定义一个对话框组件,通过 v-ifv-show 来控制其显示和隐藏。

  5. 调试和日志: 在 Android 14 设备上进行调试,查看控制台输出的日志,找出具体的错误信息或警告,以便进一步定位问题。

  6. 反馈给开发者: 如果以上方法都无法解决问题,建议将问题反馈给 uni-appuView 的开发者,提供详细的复现步骤和设备信息,以便他们进行修复。

示例代码

以下是一个使用 uni.showModal 替代 Tag 对话框的示例:

<template>
  <view>
    <u-form-item label="标签" @click="showDialog">
      <u-tag text="点击选择" />
    </u-form-item>
  </view>
</template>

<script>
export default {
  methods: {
    showDialog() {
      uni.showModal({
        title: '选择标签',
        content: '请选择一个标签',
        success: (res) => {
          if (res.confirm) {
            console.log('用户点击确定');
            // 在这里处理用户选择后的逻辑
          } else if (res.cancel) {
            console.log('用户点击取消');
          }
        }
      });
    }
  }
}
</script>
回到顶部