【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来获取不同的语言数据即可。

以上是 【Web前端问题】关于vue-i18n中英文切换不在template标签中使用问题 的全部内容， 来源链接： utcz.com/a/136812.html

回到顶部