一款基于vue的国籍地区选择器

大多数地区选择器仅支持国内区域,因此封装了一套全球国家的地区选择器,方便大家在前端国际化时使用。

该插件地址:
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中使用组件:
    

属性说明:

属性 类型 默认值 说明
popularCity Object null 例如:{ value: "Germany", label: "德国" }
selectBg(选填) String " " 支持3种颜色属性值:selectBlue、selectBlack、selectGray
groupBg(选填) String " " 支持3种颜色属性值:groupBlue、groupBlack、groupGray

事件说明:

事件名称 说明
selectCountry(name) 形参name:国家的名称

你可能感兴趣的:(一款基于vue的国籍地区选择器)