上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

quasar vue3使用i18n

[复制链接]
  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2022-2-26 18:36:43 | 显示全部楼层 | 阅读模式

    模板中

    在模板中照常使用$t函数

    setup函数中

    let {t}=usei18n()

    得到i18n的t函数

    当做$t使用即可

    注意,usei18n存在作用域问题

    仅可在setup函数中执行该hanshu

    其他模块文件

    let {t}=i18n.global

    该i18n对象为export导出的createI18n函数

    以quasar为例

    我们修改boot文件的i18.ts/js为

    import { boot } from 'quasar/wrappers';
    import { createI18n } from 'vue-i18n';
    
    import messages from 'src/i18n';
    export const i18n = createI18n({
      locale: 'zh-HK',
      messages,
    });
    
    export default boot(({ app }) => {
    
      // Set i18n instance on app
      app.use(i18n);
    });

    将创建的const i18n文件导出

    然后在位置import {i18n} from 'src/boot/i18n.ts'

    最后

    let {t}=i18n.global

    这里用的是对象解构函数

    拿到t函数后正常传入即可

    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表