i18n在data中定义的$t{}数据,中英文切换后,不变的解决方法

203 阅读1分钟

一、国际化的简单介绍

在开发应用程序的时候,经常会遇到支持多语言的需求,这种支持多语言的功能称之为国际化,英文是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') ] } },

有任何问题都欢迎大家在我的评论区留言,看到一定会回复哒!