import{provinceAndCityData,regionData,provinceAndCityDataPlus,regionDataPlus,CodeToText,TextToCode}from'element-plus-china-area' 服务端用法: const{provinceAndCityData,regionData,provinceAndCityDataPlus,regionDataPlus,CodeToText,TextToCode}=require('element-plus-china-area/dist/app.commonjs') province...
chinaObj将第三方数据改平为一个大对象,可以根据value值进行取值。数据提前赋值给chinaAreaflat recursion递归函数,支持了增加全部选项(isall)还有控制递归层级leave参数 最终导出得到 chinaAreaData原始数据 ChinaAreaflat改平为对象的数据 关于组件选择之后参数取值问题: import { EluiChinaAreaDht } from 'elui-china...
// 参数取值import { EluiChinaAreaDht } from'elui-china-area-dht'const chinaData=newEluiChinaAreaDht.ChinaArea().chinaAreaflat exportdefaultdefineComponent({ components: { EluiChinaAreaDht, }, setup() {functiononChange(e) { const one=chinaData[e[0]] const two=chinaData[e[1]] console.lo...
"china-area-data": "^5.0.1", "cropperjs": "^1.6.2", "dayjs": "^1.11.12", "echarts": "^5.5.1", "el-table-infinite-scroll": "^3.0.6", "element-plus": "^2.7.8", "element-plus": "^2.8.0", "intro.js": "^7.2.0", "js-cookie": "^3.0.5", "jsbarcode": "^3.11...
elui-china-area-dht 该项目将不会持续维护了,这个对于我早年来说是一个比较投机的npm包,不过内部关于省市区数据的逻辑处理大家有使用的情况下可以自行copy源代码。 核心原理上,本项目只是引用了省市区数据,然后并没有对element-ui或element-plus有任何二次封装,所有的一切都是基于官方配置上进行操作,并且我透传了...
git地址:https://github.com/ht-sauce/elui-china-area-dht 使用:npm i elui-china-area-dht 默认使用
由于el-cascader组件的数据源格式是特定的(需要label和value字段),你可能需要对从province-city-china获取的数据进行处理,以符合这个格式。以下是一个处理数据的示例代码: javascript <script> import data from 'province-city-china/dist/level.json'; export default { data() { return { areaList: []...
districtData: this.districtData, }) }, hangdleInputDetailAddress() { this.updateValue() }, }, } </script> <style lang="less" scoped> #address { .el-textarea { margin-top: 20px; width: 500px; } .form-item-inline { display: inline-block; ...
<el-form-item label="区域面积" prop="area"> <!-- 输入的类型为Number时,需要加一个数字转换的修饰符,输入框默认的类型是String类型,但是我试了一下,发现并不能做验证,所以自己写了函数方法验证 --> <!-- <el-input v-model.number="registData.area" autocomplete="off"></el-input> --> ...
} <el-cascader v-model="value" :options="options" :props="{ multiple: true, label: 'name', value: 'code' }" collapse-tags clearable /> options:https://github.com/modood/Administrative-divisions-of-China emojiiiiadded theComponent::CascaderlabelDec 17, 2021 ...