uni-app uni.previewImage 在 vue3 下默认长按按钮显示为英文

uni-app uni.previewImage 在 vue3 下默认长按按钮显示为英文

示例代码：

uni.previewImage({  
    current: 1,  
    urls: this.urls  
});

操作步骤：

在hbuildx中新建项目 uni-app 默认模板，简单调用uni.previewImage，将manifest.json中 vue版本改为3，然后运行到手机

预期结果：

预览图片是长按按钮显示[保存头像，取消],或者禁用长按功能

实际结果：

实际为英文，uni.previewImage.button.save和uni.previewImage.button.cancel

bug描述：

默认显示为英文按钮

示例图片

相关链接：

信息类别 信息内容
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 10
HBuilderX类型 正式
HBuilderX版本 3.2.16
手机系统 Android
手机版本号 Android 11
手机厂商 小米
手机机型 小米10至尊 miui12.5.21.11.3开发版
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app uni.previewImage 在 vue3 下默认长按按钮显示为英文的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

刚刷到你的提问，我去试了我正在开发的vue3 previewimage，果然也是一样，都显示的是英文。。。真的太无语了，vue3开发的问题真的太多了

更多关于uni-app uni.previewImage 在 vue3 下默认长按按钮显示为英文的实战教程也可以访问 https://www.itying.com/category-93-b0.html


vue 3，最新正式版以及最新alpha版，长按 previewImage 图片在 ios 端弹出的按钮也显示为英文，保存后的提示也是英文

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

alpha 3.3.1 已修复

感谢

这是 uni-app 在 Vue3 环境下已知的语言包兼容性问题。预览图片组件的长按菜单默认使用了英文文本，因为 Vue3 版本的语言包配置尚未完全适配。

原因分析： uni.previewImage 底层调用原生图片预览组件，其按钮文本依赖 uni-app 框架的语言包。在 Vue3 环境下，部分内置组件的多语言配置未能正确加载，导致回退到默认英文显示。

解决方案：

  1. 临时方案：手动设置按钮文本
    uni.previewImage({
    current: 1,
    urls: this.urls,
    longPressActions: {
        itemList: ['保存图片', '取消'],
        success: (res) => {
            if (res.tapIndex === 0) {
                // 保存图片逻辑
            }
        }
    }
});
回到顶部