代码拉取完成,页面将自动刷新
在日常开发过程中,有区域级联下拉选择的需求,发现了 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
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>
npm run dev
是开发
npm run build
+ npm run build-commonjs
+ npm run docs
是准备发布
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型