elui-china-area-dht

基于vue3和element-plus的省市区级联组件
2,913 16
Install
npm install elui-china-area-dht
Latest Version:2.0.0
Vue:3
License:MIT
Last Updated:Aug 30, 2023
Links: GitHub  ·  npm
Maintainer: ht-sauce

elui-china-area-dht

##使用 更多使用请参考:https://www.yuque.com/cv8igf/gaxplg/btzy5i
原理博客地址:https://juejin.cn/post/6914110923179474952/
elui-china-area-dht会导出ChinaArea()对象,用以进行数据格式转换。里面有所有的省市区地址数据 如:const chinaData = new EluiChinaAreaDht.ChinaArea().chinaAreaflat

<template>
  <div class="app">
    <!--默认使用-->
    <elui-china-area-dht @change="onChange"></elui-china-area-dht>
    <!--带isall参数和leave参数示例-->
    <elui-china-area-dht isall :leave="2" @change="onChange"></elui-china-area-dht>
  </div>
</template>

<script>
import { defineComponent } from 'vue'
import { EluiChinaAreaDht } from 'elui-china-area-dht'
const chinaData = new EluiChinaAreaDht.ChinaArea().chinaAreaflat
export default defineComponent({
    components: {
        EluiChinaAreaDht,
    },
    setup() {
        function onChange(e) {
          const one = chinaData[e[0]]
          const two = chinaData[e[1]]
          console.log(one, two)
        }
        return {
            onChange,
        }
    },
})
</script>

省市区数据来源:https://github.com/airyland/china-area-data

Version History

Version Released Vue License
2.0.0 ^3.2.26 MIT
1.0.4 ^3.0.5 MIT
1.0.3 ^3.0.5 MIT
1.0.1 ^3.0.5 MIT
1.0.0 ^3.0.5 MIT