uniapp vue3多语言切换

1、先下载
npm install vue-i18n
2、在项目的最外层新建文件
在这里插入图片描述
3、在en.json里

{
    "hello":"Helloa",
    "welcome":"Welcomea"
}

4.在zh-CN里

{
    "hello":"哈喽",
    "welcome":"欢迎"
}

5.在mian.js加入
在这里插入图片描述
6.在你需要切换语言的vue文件:
在这里插入图片描述
到这里效果应该已经出来啦~

7.也看到很多文章用$t的方式
你也可以选择在main.js里面注册全局属性对象
在这里插入图片描述

8、什么都不需要导入啦,直接出来中文效果
在这里插入图片描述
结束!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值