Element UI 国民经济行业分类

在日常开发过程中，有区域级联下拉选择的需求，发现了 element-china-area-data 项目。之后又有《国民经济行业分类》数据选择的需求， 所以参考element-china-area-data实现了基于element-ui的国民经济行业分类级联选择器组件。

安装

npm install element-china-category-data -S

在线示例

地址在此，网页打开会比较慢

使用

import { categoryData,  CodeToText, TextToCode } from 'element-china-category-data'

1. categoryData是国民经济行业分类数据集
2. CodeToText是个大对象，属性是分类码，属性值是汉字 用法例如：CodeToText['0111']输出稻谷种植
3. TextToCode是个大对象，属性是汉字，属性值是区域码 用法例如：TextToCode['稻谷种植'].code输出0111
4. CodeToText、TextToCode的用法可参考 element-china-area-data 文档，使用方法是一致的

• 省市区三级联动（不带“全部”选项）

  <template>
    <div id="app">
      <el-cascader
        size="large"
        :options="options"
        v-model="selectedOptions"
        @change="handleChange">
      </el-cascader>
    </div>
  </template>
  
  <script>
    import { categoryData } from 'element-china-category-data'
    export default {
      data () {
        return {
          options: categoryData,
          selectedOptions: []
        }
      },
  
      methods: {
        handleChange (value) {
          console.log(value)
        }
      }
    }
  </script>

数据来源

国家统计局《国民经济行业分类》2019修正版

开发过程

npm run dev 是开发

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