基于 Element UI 实现的中国国民经济行业分类级联

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' categoryData是国民经济行业分类数据集 CodeToText是个大对象,属性是分类码,属性值是汉字 用法例如:CodeToText['0111']输出稻谷种植 TextToCode是个大对象,属性是汉字,属性值是区域码 用法例如:TextToCode['稻谷种植'].code输出0111 CodeToTextTextToCode的用法可参考 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 是准备发布

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。