DonnyL
DonnyL
  • 发布:2022-01-23 16:25
  • 更新:2022-09-20 15:39
  • 阅读:640

【报Bug】vue3使用v-if的国际化标签会出现白屏

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 3.3.9

手机系统: Android

手机系统版本号: Android 10

手机厂商: 模拟器

手机机型: Pixel 5

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<view @click="goToCustom()" v-if="current == 2" class="customButton">  
      <text class="customButtonText">  
        {{ $t("add.custom.food") }}  
      </text>  
    </view>

操作步骤:

1.初始化时未展示国际化内容
2.触发v-if条件展示国际化内容

预期结果:

不白屏

实际结果:

白屏

bug描述:

iOS端正常显示,android端白屏。
同时使用v-if和$t("xxx")国际化会出现白屏
红色是会出现问题的代码。
绿色是目前的临时修复方案。

附件增加了一个demo。

2022-01-23 16:25 负责人:无 分享
已邀请:
DCloud_UNI_LXH

DCloud_UNI_LXH

提供一个可复现的示例工程

  • DonnyL (作者)

    非初始化阶段创建的国际化内容都会触发白屏。这个很好复现

    2022-01-26 08:45

  • DonnyL (作者)

    我加了一个demo附件

    2022-01-26 09:17

  • s***@gmail.com

    回复 DonnyL: 问题解决了吗?

    2022-05-23 11:22

DCloud_UNI_LXH

DCloud_UNI_LXH

最新版 3.6.3 alpha 已无此问题

该问题目前已经被锁定, 无法添加新回复