通过i8n插件实现国际化
1。安装i8n插件
2。建立不同语言的js文件,对应的单词翻译。
3。在main.js文件写入
const i18n = new VueI18n({
locale: ‘zh-CN’, // 语言标识
//this.KaTeX parse error: Expected 'EOF', got '}' at position 151: … // 英文语言包 } }̲) 4。在需要使用国际化的地方…confirm(‘是否切换语言’, ‘提示’, {
confirmButtonText: ‘确定’,
cancelButtonText: ‘取消’,
type: ‘warning’
}).then(() => {
if (this.value === ‘英文’ ) {
console.log(1);
this.lang = ‘en-US’;
this.
i
18
n
.
l
o
c
a
l
e
=
t
h
i
s
.
l
a
n
g
;
/
/
关
键
语
句
c
o
n
s
o
l
e
.
l
o
g
(
t
h
i
s
.
i18n.locale = this.lang;//关键语句 console.log(this.
i18n.locale=this.lang;//关键语句console.log(this.i18n.locale);
}else if( this.value === ‘中文’) {
console.log(2);
this.lang = ‘zh-CH’;
this.
i
18
n
.
l
o
c
a
l
e
=
t
h
i
s
.
l
a
n
g
;
/
/
关
键
语
句
c
o
n
s
o
l
e
.
l
o
g
(
t
h
i
s
.
i18n.locale = this.lang;//关键语句 console.log(this.
i18n.locale=this.lang;//关键语句console.log(this.i18n.locale);
}
}).catch(() => {
this.$message({
type: ‘info’,
message: ‘已取消删除’
});
});
}
前端国际化的使用
最新推荐文章于 2024-06-24 09:11:31 发布