JavaScript国际化 Alert框插件

如题,需求针对不同国家的人显示不同语言,常见的Case就是中英文切换。

设计思路,针对一些公共的控件描述定义不同的语言包,按国籍选择加载不同的语言包。

实现:

scripts文件夹下,新建中英文对应语言包,locales/en-US/Message.js,locales/zh-CN/Message.js

代码如下: 

//locales/en-US/Message.js
export default {
    'msg.ok': 'OKAA',
    'msg.cancel': 'CancelAA',

};
//locales/zh-CN/Message.js
export default {
    'msg.ok': '确认A',
    'msg.cancel': '取消A',

};

调用语言包时先引入:

window.msg = await import('/Scripts/locales/zh-CN/Message.js');

访问语言包里的属性:

msg.default['msg.ok']

如图:

如下图,使用提示框按照语言包加载确认按钮

提示框官网链接如下:

https://www.sweetalert2.cn/

 仅供学习参考,如有侵权联系我删除

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值