Javascript 为什么下拉列表不在VueJS中调用函数？

我有一个非常简单的组件

LocaleSwitcher.vue

，由以下组件组成：

Русский
英语
导出默认值{
名称：“LocaleSwitcher”，
方法：{
switchLocale:函数（区域设置）{
console.log（区域设置）；
if（此.$i18n.locale！==locale）{
此.$i18n.locale=locale；
}
}
}
};

在我看来，我是这样加载的：

{{$t（“loginPage.formTitle”）}
从“@/components/LocaleSwitcher”导入LocaleSwitcher；
导出默认值{
名称：“登录”，
组成部分：{
本地交换机
}
};

它会显示在页面上，没有错误，但在选择语言时，不会发生任何事情，包括选择未写入控制台。

您使用的是元素吗

el下拉列表

有一个

@命令

，该命令在选择下拉项时触发。

el下拉项

上的

命令

参数作为第一个参数传递

<template>
  <el-dropdown trigger="click" @command="switchLocale">
    <div>
      <i class="el-icon-map-location"></i>
    </div>
    <el-dropdown-menu>
      <el-dropdown-item command="ru">
        Русский
      </el-dropdown-item>
      <el-dropdown-item command="en">
        English
      </el-dropdown-item>
    </el-dropdown-menu>
  </el-dropdown>
</template>

<script>
export default {
  name: "LocaleSwitcher",
  methods: {
    switchLocale: function(locale) {
      console.log(locale);
      if (this.$i18n.locale !== locale) {
        this.$i18n.locale = locale;
      }
    }
  }
};
</script>

Русский
英语
导出默认值{
名称：“LocaleSwitcher”，
方法：{
switchLocale:函数（区域设置）{
console.log（区域设置）；
if（此.$i18n.locale！==locale）{
此.$i18n.locale=locale；
}
}
}
};

下拉组件使用哪个特定库？