在.js文件中的vuejs组件中翻译字符串

时间:2018-07-25 17:28:01

标签: javascript laravel vue.js vuejs2

我安装了此软件包,以便在应用程序laravel和vuejs中进行翻译:http://HOST:PORT/solr/update?commit=true

我生成了如下所示的语言文件

export default {
"en": {
    "API": "API",
    …
"fr": {
    "API": "Mon API"
 }

在我的.Vue文件中,我可以执行以下操作来翻译我的文本:

{ $t('message.API' }}

仅某些组件使用.js文件。

Vue.component('update-team-profile-details', {
  data() {
    return {
      …
  },

  mounted() {
    …
  },

  methods: {
    update() {
      Spark.put(this.urlForUpdate, this.form)
          .then(success => {
            // is success
            this.validateSuccess()
          }).catch(error => {
        // is error
        this.validateError();
      });
    },

    validateSuccess() {
      if (this.form.successful) {
        this.$message({
          message: $t('message.API),
          type: 'success'
        });
      }
    },

    validateError() {
      this.$message.error('Désolé… vos informations n’ont pas été sauvegardées. Veuillez corriger les erreurs et réessayer.');
    }
  }
  }
});

我正在尝试用$t('message.API)替换消息字符串,但是它不起作用,您有想法吗?

谢谢

1 个答案:

答案 0 :(得分:1)

正如狮身人面像和谢恩德所说,我只是忘记了这个……tsss