H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】关于vue-i18n中英文切换不在template标签中使用问题

图片描述

图中中英文翻译固定写法写在template标签中是有效的,但是如果不想写在template标签中,而是写在js文件中,或者element.ui的提示框中,要如何写才有效??请大神帮帮忙,以下是element.ui的提示框,里面的信息要进行中英文翻译,但是按下面的写法是行不通的。。。

this.$notify.error({

title: {{ $t('multi_language') }},
message: '',

});

回答:

把{{}}去掉试试

this.$notify.error({
    title: $t('multi_language'),
    message: '',
});

回答:

title: this.$t(‘multi_language’),
message: ”,

this就是指向在main.js中,定义了i18n的vue对象,自然可以取得i18n对象中的定义message

回答:

大神, 救急。。。你是用什么方法写的中英文切换

回答:

把js中的中文放到computed计算属性当中

回答:

可以用watch监听lang的变化,根据lang来获取不同的语言数据即可。

本文地址:H5W3 » 【Web前端问题】关于vue-i18n中英文切换不在template标签中使用问题

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址