vue-country-flag (vue-country-flag)
Country flags as a Vue Component.
国家标记作为Vue组件。
Vue.js v2.x compatible.
兼容Vue.jsv2.x。
如何安装 (How to install)
Get the package from NPM:
从NPM获取软件包:
npm install vue-country-flag
如何使用 (How to use)
Register CountryFlag
component in your app. You can use two approaches:
在您的应用程序中注册CountryFlag
组件。 您可以使用两种方法:
in
main.js
you can mount it as a global Vue component:在
main.js
您可以将其安装为全局Vue组件:
import Vue from 'vue'
import CountryFlag from 'vue-country-flag'
Vue.component('vue-country-flag', CountryFlag)
in a specific component (e.g.:
Component.vue
):在特定组件中(例如:
Component.vue
):
import CountryFlag from 'vue-country-flag'
new Vue({
components: {
CountryFlag
}
})
Then, after the proper mounting, in your template you can call it like this:
然后,在正确安装之后,可以在模板中这样称呼它:
<country-flag country='it' size='big'/>
<country-flag country='hr' size='normal'/>
<country-flag country='fr' size='small'/>
<country-flag country='ru'/>
API (API)
Mandatory properties
强制性
Property | Description | Type | Value |
---|---|---|---|
country | ISO 3166-1 identifier of the country | String |
one of the values defined here |
属性 | 描述 | 类型 | 值 |
---|---|---|---|
国家 | 国家的ISO 3166-1标识符 | String |
此处定义的值之一 |
Optional properties
可选属性
Property | Description | Type | Value |
---|---|---|---|
size | Flag size |