uni-app uni.chooseLocation 出现英文按钮

示例代码：

function getAddress() {  
    uni.chooseLocation({  
        latitude:data.latitude,  
        longitude:data.longitude,  
        success: function(res) {  
            console.log(res)  
        }  
    });  
}

操作步骤：

无

预期结果：

无

实际结果：

无

bug描述：

选择地址api uni.chooseLocation 的完成和取消按钮变成英文。app并未做国际化调整，系统语言也确认为中文

示例图片

相关链接：

https://ask.dcloud.net.cn/question/147615

信息类别	信息内容
产品分类	uniapp/App
PC开发环境	Windows
PC系统版本号	19043.1645
HBuilderX类型	正式
HBuilderX版本	3.4.7
手机系统	Android
手机系统版本	Android 9.0
手机厂商	模拟器
手机机型	redmiNode7
页面类型	vue
vue版本	vue3
打包方式	云端
项目创建方式	HBuilderX

sinazl 1楼•22 天前

问题已记录，后续优化，已加分，感谢您的反馈！

ionicwang 2楼•22 天前

3.5.3 已修复此问题

itying888 3楼•22 天前

在使用 uni.chooseLocation API 时，按钮显示为英文的情况通常是由于系统语言设置或 uni-app 框架默认语言设置导致的。以下是一些可能的解决方法：

1. 检查系统语言设置

确保设备的系统语言设置为中文。如果系统语言是英文，那么按钮可能会显示为英文。

2. 使用 uni-app 国际化功能

uni-app 提供了国际化（i18n）支持，可以通过配置语言包来实现多语言切换。你可以通过以下步骤来实现：

2.1 安装 `vue-i18n`

首先，安装 vue-i18n 插件：

npm install vue-i18n --save

2.2 配置语言包

在项目中创建一个 i18n 文件夹，并在其中创建语言包文件，例如 zh-CN.js 和 en-US.js：

// i18n/zh-CN.js
export default {
  chooseLocation: {
    confirm: '确定',
    cancel: '取消'
  }
};

// i18n/en-US.js
export default {
  chooseLocation: {
    confirm: 'Confirm',
    cancel: 'Cancel'
  }
};

2.3 配置 `vue-i18n`

在 main.js 中配置 vue-i18n：

import Vue from 'vue';
import VueI18n from 'vue-i18n';
import zhCN from './i18n/zh-CN';
import enUS from './i18n/en-US';

Vue.use(VueI18n);

const i18n = new VueI18n({
  locale: 'zh-CN', // 默认语言
  messages: {
    'zh-CN': zhCN,
    'en-US': enUS
  }
});

const app = new Vue({
  i18n,
  ...App
});
app.$mount();

2.4 在页面中使用

在页面中使用 $t 方法来获取翻译后的文本：

<template>
  <view>
    <button @click="chooseLocation">{{ $t('chooseLocation.confirm') }}</button>
  </view>
</template>

<script>
export default {
  methods: {
    chooseLocation() {
      uni.chooseLocation({
        success: (res) => {
          console.log('位置名称：' + res.name);
          console.log('详细地址：' + res.address);
          console.log('纬度：' + res.latitude);
          console.log('经度：' + res.longitude);
        }
      });
    }
  }
};
</script>