uni-app picker组件显示英文cancel done

uni-app picker组件显示英文cancel done

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

产品分类:uniapp/App
PC开发环境操作系统:Windows
PC开发环境操作系统版本号:win10
手机系统:Android
手机系统版本号:Android 11
手机厂商:vivo
手机机型:iqoo3 neo
页面类型:vue
vue版本:vue3
打包方式:云端
CLI版本号:@vue/cli 4.5.15

示例代码:

<template>
<view class="content">
<image class="logo" src="/static/logo.png" />
<view class="text-area">
<text class="title">{{ title }}</text>
</view>
<view class="uni-title uni-common-pl">多列选择器</view>
<view class="uni-list">
<view class="uni-list-cell">
<view class="uni-list-cell-left"> 当前选择 </view>
<view class="uni-list-cell-db">
<picker mode="multiSelector" :value="multiIndex" :range="multiArray">
<view class="uni-input"
{{ multiArray[0][multiIndex[0]] }},{{ multiArray[1][multiIndex[1]] }},{{ multiArray[2][multiIndex[2]] }}</view>
</picker>
</view>
</view>
</view>
</view>
</template> 
<script setup lang="ts">
import { ref } from 'vue';
const title = ref('Hello');
console.log(uni.getLocale())
const multiArray = ref([
['亚洲', '欧洲'],
['中国', '日本'],
['北京', '上海', '广州'],
]);
const multiIndex = ref([0, 0, 0]);
</script>

操作步骤:

https://github.com/dcloudio/uni-preset-vue/tree/vite-ts
从这里下载的项目npm i
用hbuilder导入,然后运行到手机
加入测试组件后,发现组件的按钮显示英文

预期结果:

让组件的按钮显示中文,比如:pick的按钮显示确定、取消

实际结果:

实际显示的为英文,cancel done

bug描述:

组件的按钮显示英文
h5显示中文,app下面显示英文
app打印uni.getLocale()为zh-Hans

附件的图片点插入没反应 加不进去


更多关于uni-app picker组件显示英文cancel done的实战教程也可以访问 https://www.itying.com/category-93-b0.html

10 回复

HBuilderX alpha 3.3.7 已修复

更多关于uni-app picker组件显示英文cancel done的实战教程也可以访问 https://www.itying.com/category-93-b0.html


果然可以,感谢!!!

<template> <view class="content"> <image class="logo" src="/static/logo.png" /> <view class="text-area"> <text class="title">{{ title }}</text> </view> <view class="uni-title uni-common-pl">多列选择器</view> <view class="uni-list"> <view class="uni-list-cell"> <view class="uni-list-cell-left"> 当前选择 </view> <view class="uni-list-cell-db"> <picker mode="multiSelector" :value="multiIndex" :range="multiArray"> <view class="uni-input"

{{ multiArray[0][multiIndex[0]] }},{{ multiArray[1][multiIndex[1]] }},{{ multiArray[2][multiIndex[2]] }}</view
</picker> </view> </view> </view> </view> </template>

<script setup lang="ts"> import { ref } from 'vue'; const title = ref('Hello'); console.log(uni.getLocale()) const multiArray = ref([ ['亚洲', '欧洲'], ['中国', '日本'], ['北京', '上海', '广州'], ]); const multiIndex = ref([0, 0, 0]); </script>

解决了吗大佬

问题复现,后续优化,已加分,感谢您的反馈!
临时解决方案:
uni.setLocale(‘zh-Hant’)

你好,我在manifest.json配置"locale": “zh-Hant”,和在vue文件执行uni.setLocale(‘zh-Hant’) 都测试过了 依然是英文。 重启重新安装基座都试过了 还是不行

回复 2***@qq.com: 更新试试

解决了吗大佬

在 uni-app 中,picker 组件在 App 端默认使用系统原生控件,其按钮文字(如“取消”“完成”)由操作系统语言环境决定。根据你提供的信息,uni.getLocale() 返回 zh-Hans,但按钮仍显示英文,这可能是由于系统语言设置或原生控件默认行为导致。以下是解决方案:

  1. 检查系统语言:确保手机系统语言设置为中文。部分机型可能需重启应用或系统才能生效。

  2. 强制设置语言:在 manifest.json 中配置语言,确保应用启动时使用中文环境:

    {
      "app-plus": {
        "locale": "zh-Hans"
      }
    }
回到顶部