• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

element-china-category-data: 基于 Element UI 实现的中国国民经济行业分类级联下拉 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

element-china-category-data

开源软件地址:

https://gitee.com/xiaofanger/element-china-category-data

开源软件介绍:


Element UI 国民经济行业分类

npm npm

在日常开发过程中,有区域级联下拉选择的需求,发现了 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. 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 是准备发布


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap