国际化 vue3 i18n 命名插值动态内容 h5有效，APP无效

分类：uni-app

vue3 vue-i18n

// locale 文件  
 "common.hello": "{msg} world",  
 "common.minutes": "1 分钟 | {count} 分钟",

vue 文件

<script lang="ts" setup>  
import { useI18n } from 'vue-i18n'  
const {locale ,t} = useI18n()  

console.log('xxxxxxxxxxxxxxxxxxxxxxxxxx')  
console.log(t('common.hello', {mag:'hello'}))  
console.log(t('common.minutes', {count:5}))  
console.log('xxxxxxxxxxxxxxxxxxxxxxxxxx')  

</script>

分别运行到H5 和安卓APP，打印结果：

// 运行到 H5  
xxxxxxxxxxxxxxxxxxxxxxxxxx  
 hello world   
 5 分钟   
xxxxxxxxxxxxxxxxxxxxxxxxxx   

// 运行到 安卓APP  
 xxxxxxxxxxxxxxxxxxxxxxxxxx   
 {msg} world   
 1 分钟 | {count} 分钟   
 xxxxxxxxxxxxxxxxxxxxxxxxxx

可以看到 APP 是原封不动的将字符串打印出来了，H5传递了动态内容

2022-12-15 11:44 负责人:YUANRJ 分享