解决在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 })
相关推荐
jin1233223 分钟前
React Native鸿蒙跨平台完成剧本杀组队详情页面,可以复用桌游、团建、赛事等各类组队详情页开发
javascript·react native·react.js·ecmascript·harmonyos
经年未远1 小时前
vue3中实现耳机和扬声器切换方案
javascript·学习·vue
刘一说1 小时前
Vue 组件不必要的重新渲染问题解析:为什么子组件总在“无故”刷新?
前端·javascript·vue.js
可触的未来,发芽的智生1 小时前
狂想:为AGI代称造字ta,《第三类智慧存在,神的赐名》
javascript·人工智能·python·神经网络·程序人生
徐同保2 小时前
React useRef 完全指南:在异步回调中访问最新的 props/state引言
前端·javascript·react.js
fanruitian2 小时前
uniapp 创建项目
javascript·vue.js·uni-app
刘一说3 小时前
Vue 导航守卫未生效问题解析:为什么路由守卫不执行或逻辑失效?
前端·javascript·vue.js
一周七喜h3 小时前
在Vue3和TypeScripts中使用pinia
前端·javascript·vue.js
摘星编程3 小时前
用React Native开发OpenHarmony应用:Calendar日期范围选择
javascript·react native·react.js
东东5164 小时前
基于vue的电商购物网站vue +ssm
java·前端·javascript·vue.js·毕业设计·毕设