Cascader 级联选择器结合npm包“element-china-area-data“实现省市区级联选择 相关问题总结

今天把之前已经对接好的项目打开看了一下,发现省市区级联选择器出现了问题... 接下来就给大家分享一下

遇到的第一个问题就是 级联组件中change事件中内容出现了错误,简单排除了一下,是引入element-china-area-data中的方法codeToText导致的...

因为我之前在开发的时候,装的是这个包的最新版本,是完全没有问题的,然后在提交代码的时候,发现公司的架子里是有这个包的("^5.0.2"),我就果断把我装的给撤了...我就考虑是不是包版本带来的问题,然后去仔细查阅了一下,发现不同版本的包,导出的方法是有区别的... 

import { regionData, codeToText } from 'element-china-area-data'; "^6.0.2" 

import { regionData, CodeToText } from 'element-china-area-data'; "^5.0.2" 

相信你们善于发现美的眼睛已经看出点东西了... 我当时将codeToText替换为CodeToText完美解决这个问题...

但是bug总是不忍心看到你这么轻松的样子... 再来看下遇到的第二个问题,就是编辑的时候,级联数据不能正常回显了,简直我草了...

由于是组件数据的回显问题,当时的我还不能确认是包版本带来的问题,就果断去查了是否存在绑值以及赋值的问题,查了一下没发现有什么,又将code的数组改为text的数组,发现还是回显不了,由于这个包也是和Element下的,也就往版本问题的方向去考虑,然后果断下载了新的版本,完美解决...

 感觉对自己有帮助的小伙伴,可以留个star...