qing-element-world-area

Element UI 世界地图国家和地区数据(含港澳台)
454
Install
npm install qing-element-world-area
Latest Version:1.0.5
Vue:2
License:MIT
Last Updated:May 15, 2024
Links: GitHub  ·  npm
Maintainer: qingfengai

Element UI 世界国家和地区数据

安装

npm install qing-element-world-area -S

使用

import { worldData, CodeToText, TextToCode } from 'qing-element-world-area'

服务端用法:

const { worldData, CodeToText, TextToCode } = require('qing-element-world-area/dist/app.commonjs')
  1. worldData是世界国家和地区数据(包含联合国成员国和观察员国,中国含港澳台)
  2. CodeToText是个大对象,属性是英文,属性值是汉字
  3. TextToCode是个大对象,属性是汉字,属性值是英文
  • 世界国家和地区:
    <template>
      <div id="app">
        <el-select
            v-model="currentForm.map_name"
            placeholder="请选择"
            @change="handleChange"
            filterable
            clearable
          >
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
              {{ item.label }}
            </el-option>
        </el-select>
      </div>
    </template>
    
    <script>
      import { worldData } from 'qing-element-world-area'
      export default {
        data () {
          return {
            options: worldData,
            selectedOptions: []
          }
        },
    
        methods: {
          handleChange (value) {
            console.log(value)
          }
        }
      }
    </script>
    

开发过程

npm run dev 是开发

npm run build + npm run build-commonjs + npm run docs 是准备发布

Related Packages

element-pros

基于element-ui封装的vue2组件库

1,098 1
zfs-component

basic components of zfs

6,473
@fsscxh/zfs-component

basic components of zfs

3,796
china-area-data-json

Element UI 级联 中国省市区数据

884

Version History

Version Released Vue License
1.0.5 ^2.6.11 MIT
1.0.4 ^2.6.11 MIT
1.0.3 ^2.6.11 MIT
1.0.2 ^2.6.11 MIT
1.0.1 ^2.6.11 MIT