Vue组件，显示国家的国旗

最新推荐文章于 2024-08-09 07:31:04 发布

cuk5239

最新推荐文章于 2024-08-09 07:31:04 发布

阅读量1.8k

点赞数 1

文章标签： vue java js python react ViewUI

版权

Vue component which shows the flag of the country from which the language comes from.

Vue组件，显示语言来源国的国旗。

Get the package from NPM:

从NPM获取软件包：

npm install vue-lang-code-flags
or
yarn add vue-lang-code-flags

在您的应用程序中注册LangFlag组件。您可以使用两种方法：

in main.js you can mount it as a global Vue component:
在main.js您可以将其安装为全局Vue组件：

import Vue from 'vue'
import LangFlag from 'vue-lang-code-flags'

Vue.component('lang-flag', LangFlag)

import LangFlag from 'vue-lang-code-flags'

new Vue({
    components: {
        LangFlag
    }
})

Then, after the proper mounting, in your template you can call it like this:

然后，在正确安装之后，可以在模板中这样称呼它：

<lang-flag iso='en'/>
<lang-flag iso='ja' squared="false"/>
<lang-flag iso='zh' title="Some title"/>

Mandatory properties

强制性

Property	Description	Type	Value
iso	ISO 639-1 identifier of the language	`String`	one of the values defined here

属性	描述	类型	值
iso	ISO 639-1语言标识符	`String`	此处定义的值之一

Optional properties

可选属性

Property	Description	Type	Default
squared	Squared flag	`Boolean`	`true`
title	Title	`String`	`null`

属性	描述	类型	默认
平方	平方旗	`Boolean`	`true`
标题	标题	`String`	`null`

Here follows the list of the currently available flags. They are identified using the ISO 639-1 standard.

以下是当前可用标志的列表。它们使用ISO 639-1标准进行标识。