Vue3中使用i18n;Vue3中使用$t;$t获取不到;vue3中如果获取/使用原型链中的方法

这篇具有很好参考价值的文章主要介绍了Vue3中使用i18n;Vue3中使用$t;$t获取不到;vue3中如果获取/使用原型链中的方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vue3中如果获取/使用原型链中的方法

template中

//与vue2一致  
    <div > 
        {{$t("back")}}
    </div>

setup中

    import { ref,getCurrentInstance } from "vue"; 
    const _this = getCurrentInstance().appContext.config.globalProperties  
	// 此处可打印_this查看是否存在$t方法 如果$t方法不存在 
	//检查一下i18n配置globalInjection: true是否发开如果打开了仍无效 查看下方代码
	_this.$t("game.INSTALL")

手动将$t挂载至全局

// 此段代码写入main.js中
app.config.globalProperties.$t = i18n.global.t

文章来源地址https://www.toymoban.com/news/detail-688056.html

到了这里,关于Vue3中使用i18n;Vue3中使用$t;$t获取不到;vue3中如果获取/使用原型链中的方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue实现多语言(i18n)

    安装i18n插件。 在src目录下,创建一个【language】文件夹,并创建两个语言包js文件。 中文语言包:【zh.js】 英文语言包:【en.js】 完善en.js文件和zh.js文件。两个文件的结构要相同。如果用Element-UI,这里导入。 en.js zh.js 在main.js引入插件。 在页面上使用和切换。 使用: 切换

    2024年02月15日
    浏览(47)
  • 用i18n 实现vue2+element UI的国际化多语言切换详细步骤及代码

    这个地方要注意自己的vue版本和i1n8的匹配程度,如果是vue2点几,记得安装i18n的@8版本,不然会自动安装的最新版本,后面会报错哦,查询了下资料,好像最新版本是适配的vue3。 在src下面新建i18n文件夹,然后在里面新建index.js,里面的内容如下 新建i18n文件夹里面新建config文

    2024年02月14日
    浏览(43)
  • nuxt使用i18n进行中英文切换

    中文效果图: 英文效果图: 版本: 安装:  新建en.js与zh.js两个文件进行切换显示 en.js内容  zh.js内容: 在plugins下新建i18n.js i18n.js内容:  在nuxt.config.js引入i18n.js 切换按钮( 两种切换方式选择一种即可 ) 页面展示 有导航的需要在导航切换的时候处理一下相关内容:

    2024年02月07日
    浏览(53)
  • 语言包 I18n 使用(如何搭配element-ui)

    1.安装依赖  yarn add vue-i18n@8.22.2 2.在src下创建lang文件夹,创建lib文件夹,lib下面放下面两个文件 en.js zh.js  在src下的lang文件夹的index中 在main.js中    结合element-ui 使用 需要在main.js修改一下内容 在src下的lang文件夹下的index文件中

    2024年02月11日
    浏览(42)
  • i18n多国语言Internationalization的实现

    i18n 是\\\"Internationalization”的缩写,这个术语来源于英文单词中首尾字母“”和“n”以及中间的字符数(共计18个字符) 当我们需要开发不同语言版本时,就可以使用i18n多国语言的一个操作处理,i18n主要实现那一方面的内容呢?例如: 文本内容本地化、日期/时间格式、货币与度

    2024年01月16日
    浏览(39)
  • Spring之国际化:i18n

    学习的最大理由是想摆脱平庸,早一天就多一份人生的精彩;迟一天就多一天平庸的困扰。各位小伙伴,如果您: 想系统/深入学习某技术知识点… 一个人摸索学习很难坚持,想组团高效学习… 想写博客但无从下手,急需写作干货注入能量… 热爱写作,愿意让自己成为更好

    2024年02月03日
    浏览(54)
  • i18n(国际化)代码简单实现

    各个国家都有各个国家的语言,如果网站需要让全世界的人使用,那就需要进行国际化功能开发 国际化我知道的一共有两种,其中一种是不同国家不同网站,也就是说页面风格都不一样。另外一种是网站都是一样的,只是里面的文字不同罢了。第一种没啥好说了,毕竟都是两

    2024年02月07日
    浏览(57)
  • Next实现 i18n 传递 locales 给 getStaticPaths

    在 Next.js 中实现国际化( i18n )时,可以通过配置 next.config.js 文件来传递 locales 给 getStaticPaths 函数。下面是一个示例代码,演示如何在 next.config.js 中配置 locales ,并在 getStaticPaths 中获取并使用这些 locales : 1、配置 next.config.js 文件: 2、在页面组件中使用 getStaticPaths : 在

    2024年04月24日
    浏览(31)
  • SpringBoot - SpringBoot整合i18n实现消息国际化

    在我们开发WEB项目的时候,项目可能涉及到在国外部署或者应用,也有可能会有国外的用户对项目进行访问,那么在这种项目中, 为客户展现的页面或者操作的信息就需要根据客户系统的环境来使用不同的语言,这就是我们所说的项目国际化。 1. MessageSource源码 Spring中定义了

    2024年02月03日
    浏览(49)
  • 解决pinia中的i18n切换语言不生效的问题

    在我的项目中,使用i18n切换语言后,会进行 router.push 来刷新页面。 但我发现写在store中的选项(我把它们用作下拉框组件的 options ,例如 options=\\\"store.statusOption\\\" ),却并没有切换语言。它们需要我手动刷新页面后才能够切换语言。然而其它组件中的语言切换都很正常。 个人

    2024年02月13日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包