VUE2 监听i18n

在 Vue 2 中，你可以使用 `watch` 来监听 i18n 的变化。首先，确保你已经将 i18n 添加到 Vue 实例中。

import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

const i18n = new VueI18n({
  locale: 'en',
  messages: {
    en: {
      // 英文翻译
    },
    zh: {
      // 中文翻译
    }
  }
});

new Vue({
  i18n,
  // ...
}).$mount('#app');

接下来，你可以使用 `watch` 属性来监听 `locale` 的

相关问题

vue-i18n响应式丢失

你好！关于vue-i18n响应式丢失的问题，我可以给你一些建议。首先，请确保你正确地设置了vue-i18n的响应式功能。你可以使用Vue的`$watch`函数来监听语言变化，并在回调函数中更新你的组件。

另外，如果你在使用Vue的单文件组件（.vue文件）时遇到响应式丢失的问题，可能是由于组件的局部作用域导致的。在这种情况下，你可以尝试将vue-i18n的实例放在根组件中，并通过props将其传递给子组件。

如果以上方法仍然无法解决问题，你可以考虑使用vuex来管理你的语言状态。将语言设置存储在vuex的状态中，然后在需要使用翻译的组件中从vuex中获取语言设置。

最后，确保你在更新语言设置时使用了正确的vue-i18n API。例如，使用`$i18n.locale`来更新当前语言。

希望这些建议能对你有所帮助！如果还有其他问题，请随时提问。

vue-i18n不能及时更新表单验证

你好！关于vue-i18n无法及时更新表单验证的问题，可能有几种原因导致。

首先，确保你在切换语言时已经正确地更新了vue-i18n的locale设置。你可以通过监听语言切换事件，在切换语言时手动更新locale设置。

其次，验证错误信息可能是在组件加载时就被初始化，而不是在每次表单验证后动态更新。你可以尝试在表单验证后手动更新错误信息，确保使用正确的语言翻译。

另外，如果你是在组件外部使用vue-i18n，例如在全局范围内使用，那么可能需要重新渲染组件才能更新表单验证的错误信息。你可以尝试使用Vue的`$forceUpdate()`方法来强制重新渲染组件。

最后，如果以上方法都没有解决你的问题，可能需要检查你的代码是否存在其他潜在的问题。确保你正确地使用了vue-i18n提供的API，并且没有其他代码干扰了表单验证的更新。

希望以上建议能帮助到你解决问题！如果还有其他疑问，请随时提问。