Vue.js vue I18n：如何创建用于更改语言的漂亮下拉列表

vue.js上有一个i18n库连接的项目。我有一个切换语言的下拉列表

<template>
  <div class="locale-changer">
    <select v-model="$i18n.locale">
      <option
        v-for="(lang, i) in langs"
        :key="`Lang${i}`"
        :value="lang"
      >{{ lang }}
      </option>
    </select>
  </div>
</template>

<script>

export default {
  name: 'VeLanguageSwitcher',
  data () {
    return { langs: ['en-US', 'ru-RU'] }
  }
}
</script>

{{lang}}
导出默认值{
名称：“VeLanguageSwitcher”，
数据（）{
返回{langs:['en-US'，'ru-ru']}
}
}

我需要以身作则，让它变得美丽

---

请帮帮我

你到底想要什么？我不知道如何插入这些标记。你很难只用选择标记创建这样的下拉列表。虽然可能，但你需要更多的代码。我建议你使用ul和li。这将解决你的问题，并很容易处理一些未来的功能。漂亮的事情是用css完成的。为DOM添加样式和css规则。