解决在uniapp真机运行上i18n变量获取不到问题

官方文档:https://vue-i18n.intlify.dev/guide/advanced/function#named-interpolation

项目中的vue-i18n版本:"vue-i18n": "9.14.4"

你可以通过解构出一个named function,通过 named('max') 获取到 { max: 8 }

js 复制代码
rule: {
  letterNumTips: ({ named }) => `请输入1-${named('max')}位字母、数字、_`
}

使用教程:

js 复制代码
$t('rule.numberTips', { max: 4 })
相关推荐
熬耶30 分钟前
Uniapp之微信小程序自定义底部导航栏形态
微信小程序·小程序·uni-app
yvvvy1 小时前
前端跨域全解析:从 CORS 到 postMessage,再到 WebSocket
前端·javascript·trae
张志鹏PHP全栈2 小时前
Vue3第十八天,Vue3中的组件通信
前端·vue.js
小周同学:2 小时前
在 Vue2 中使用 pdf.js + pdf-lib 实现 PDF 预览、手写签名、文字批注与高保真导出
开发语言·前端·javascript·vue.js·pdf
teeeeeeemo3 小时前
跨域及解决方案
开发语言·前端·javascript·笔记
JSON_L3 小时前
Vue Vant应用-数据懒加载
前端·javascript·vue.js
可爱小仙子3 小时前
vue-quill-editor上传图片vue3
前端·javascript·vue.js
IT毕设实战小研3 小时前
基于Spring Boot校园二手交易平台系统设计与实现 二手交易系统 交易平台小程序
java·数据库·vue.js·spring boot·后端·小程序·课程设计
じòぴé南冸じょうげん3 小时前
解决ECharts图表上显示的最小刻度不是设置的min值的问题
前端·javascript·echarts
小高0073 小时前
第一章 桃园灯火初燃,响应义旗始揭
前端·javascript·vue.js