一、国际化的简单介绍
在开发应用程序的时候,经常会遇到支持多语言的需求,这种支持多语言的功能称之为国际化,英文是internationalization,缩写为i18n(因为首字母i和末字母n中间有18个字母)。
二、安装
三、我在接手项目时,发现存在问题,有一个页面只有标题切换,下面所有内容都不切换,解决了这个问题来分享一下
使用i18n后,在data中定义的数据$t{}再写入元素中,切换中英文时不变,下面有两个方法来解决这个问题!
一、直接写到元素中,不在data中定义
二、在computed中定义关于$t{}的数据,这样切换时不会有任何影响
computed: { ...mapState(['targetLang']), tabList() { return [ this.$t('page.subject.database_topics'), this.$t('page.subject.industrial_control_topics'), this.$t('page.subject.blockchain_topics'), this.$t('page.subject.mining'), this.$t('page.subject.hacking_tool') ] } },
有任何问题都欢迎大家在我的评论区留言,看到一定会回复哒!