大多数地区选择器仅支持国内区域,因此封装了一套全球国家的地区选择器,方便大家在前端国际化时使用。
该插件地址:
https://github.com/starwang666/sw-area
注意:在使用该组件之前 需要引入element-ui
更新记录
v1.3(2020-01-02)
2020-01-02:增加 受欢迎国家选项
使用方式:
在script
中引用组件:
import foreignArea from "@/components/sw-area/foreignArea.vue"
export default {
components: {foreignArea}
}
在template
中使用组件:
<foreign-area popularCity="受欢迎的国家" selectBg="选择器的背景颜色" groupBg="选项的背景颜色" @selectCountry="监听选中的国家"></foreign-area>
属性说明:
属性 | 类型 | 默认值 | 说明 |
---|---|---|---|
popularCity | Object | null | 例如:{ value: "Germany", label: "德国" } |
selectBg(选填) | String | " " | 支持3种颜色属性值:selectBlue、selectBlack、selectGray |
groupBg(选填) | String | " " | 支持3种颜色属性值:groupBlue、groupBlack、groupGray |
事件说明:
事件名称 | 说明 |
---|---|
selectCountry(name) | 形参name:国家的名称 |