Skip to content

ProToggleLanguage

ProToggleLanguage 是一个用于语言切换的 Vue 3 组件。它使用 naive-uin-dropdown 组件和 @iconify/vue 的图标来显示语言选择菜单。用户可以通过点击图标打开下拉菜单,选择需要的语言。

基础用法

Default
expand codecollapse code

Props

参数类型可选值默认值说明
optionsArray<DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption>[]下拉菜单的选项列表
iconstring'mdi:language'显示在语言切换按钮上的图标,可自定义
heightnumber24图标的高度,单位为像素
widthnumber24图标的宽度,单位为像素

事件

事件名回调参数说明
select(key: string | number)当选择下拉菜单项时触发,返回所选项的键值