问题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)
});
欢迎大家补充其它的解决方法哦~