本文主要是介绍bug描述:el-cascader搜索后再选中拿不到选中后的label值,getCheckedNodes()返回的还是原值,选中项高亮的也是原值,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
问题1:el-cascader搜索后再选中拿不到选中后的label值,getCheckedNodes()返回的还是原值
elment-ui githup有一个issue解决了该问题:
https://github.com/ElemeFE/element/issues/18202
问题2:el-cascader搜索后再选中,选中项高亮的依旧是原值
在githup issues列表中看到有大佬说可以通过改源码实现,但由于项目框架等原因,我不能去改源码,经过不断的踩坑尝试,得出以下解决方案,经测试是可行的。
this.$refs.cascader.$refs.panel.clearCheckedNodes()this.$refs.cascader.$refs.panel.activePath = [] this.$refs.cascader.$refs.panel.scrollIntoView()this.$refs.cascader.$refs.input.$refs.input.setAttribute('aria-expanded', false)this.$refs.cascader.$emit('visible-change', false)this.$refs.cascader.$refs.panel.$emit('visible-change', false)this.$refs.cascader.$refs.panel.$emit('close')this.$nextTick(() => {var selectedNode2 = this.$refs['cascader'].getCheckedNodes(true)console.log('1111222222',selectedNode2)});
欢迎大家补充其它的解决方法哦~
这篇关于bug描述:el-cascader搜索后再选中拿不到选中后的label值,getCheckedNodes()返回的还是原值,选中项高亮的也是原值的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!