el-cascader联级选择器在v-for循环中获取节点对象的正确使用姿势

el-cascader联级选择器在v-for循环中获取节点对象的正确使用姿势_第1张图片

el-cascader在v-for中使用refs.xxx.getCheckedNodes()会报getCheckedNodes is not a function ,研究了很久,终于搞出了正确姿势:

//v-for循环时要有item和index ,将index传入el-cascader的change事件:
<el-row v-for(item,i) in orgList :key="index">
<el-cascader ref="tree" 
@change = "checkedChange(item,index)"
:prop="{checkStrictly:true,emitPath:false}"
:show-all-levels="false"
v-model="saveForm.org"
></el-cascader>
</el-row>

//methods中:
checkedChange(item,index){
	let node = this.$refs.tree[index].getCheckedNodes()// 获取选中节点对象
	console.log(node)
	...
}

你可能感兴趣的:(Vue,elementUI)