element-ui中el-cascader动态加载和默认值怎么使用


本文小编为大家详细介绍“element-ui中el-cascader动态加载和默认值怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“element-ui中el-cascader动态加载和默认值怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。首先el-cascader最常用的是显示省市区,所有省市区三四千项一下子加载出来总会有个卡顿的过程,所以我一般用动态加载,这个element的文档和例子很清楚了。这是我代码中的一部分,尽可能的去掉了多余的代码正常选择没问题。一般刚开始的options默认的是第一级的数组最头疼的部分,在编辑表单时要显示出来前面已经选择过的项,也就是回显默认值,首先保证v-mode的值是长度是3的数组(结合情况,不一定非要是3),一定保证[省,市,区]顺序正确,我昨天大意写错了市的id,检查了一天没发现问题。另外,既然要显示默认值,肯定也要给el-cascader一个默认的options,要保证是这种结构应该很清晰了,就是保证所选路径的上下级和平级数据完整,为什么要完整,因为还有下面一个问题。在options处理完后,默认值应该就可以正常显示了。但是当再更换地区市,选了一下“郑州”后发现,郑州的子级重复了(选“河南”也一样),这也好理解,说明是郑州的子级又加载了一遍并且填充到下级的选项组里了,新加载的和默认的重复了。这毕竟不完美,做程序员慢慢有了强迫症了,扒了扒element的源码,问题很好解决,只是element官方没有简单明了的说出来。在处理完options和v-model后,要处理选中项的加载状态,否则还会重新加载一次。读到这里,这篇“element-ui中el-cascader动态加载和默认值怎么使用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章免费云主机域名,欢迎关注百云主机行业资讯频道。

相关推荐: 怎么使用PHP进行数据库查找和修改操作

今天小编给大家分享一下怎么使用PHP进行数据库查找和修改操作的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 一、数据库连接在进行数据库操作之前,…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 07/09 11:17
Next 07/09 11:17

相关推荐