要使用到cascader组件选中的数据的所有部分,并没有类似于select组件中的value可以指定,查看官方文档提供了新的方法,官方地址https://element.eleme.cn/#/zh-CN/component/cascader
html部分
<el-cascader
ref="cascader"
:options="addSysKnowledgeList"
@change="getselKnowledgeList"
:props="{ multiple: true, label: 'name', value:'id', checkStrictly: true }"
clearable></el-cascader>
getselKnowledgeList(val) {
let nodesObj = this.$refs['cascader'].getCheckedNodes()
console.log('===>val', val)
console.log('===>val', nodesObj)
},
可以正常获取到该节点的全部数据,如下图所示:
如有问题请联系我~文章来源:https://www.toymoban.com/news/detail-552543.html
欢迎加入QQ群:文章来源地址https://www.toymoban.com/news/detail-552543.html
到了这里,关于vue element UI el-cascader 级联选择器 获取当前选择值的整个对象的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!