vue2+Element--el-cascader组件报错:Cannot read property 'getCheckedNodes' of undefine

127 阅读1分钟

getCheckedNodes

el-cascader级联组件可以通过getCheckedNodes获取参数

this.$refs.myCascader.getCheckedNodes()?.[0].pathNodes

问题

el-table中每一行中有一个el-cascader级联组件,动态添加和删除,在新增了多行后,点击el-cascader选择不同的参数,在保存后发现编辑的el-cascader数据只在最后一条有,其它为空,导致数据异常。

原因

list下多个 el-cascader级联组件可以通过getCheckedNodes获取参数报错undefined

解决

list下每一行的el-cascader组件的ref相同,需要区分,:ref="'myCascader' + $scope.index"

this.$refs['myCascader'+index].getCheckedNodes()?.[0].pathNodes

参考文献: