ITPub博客

首页 > IT职业 > IT职场 > element-ui cascader级联选择器 获取选中对象Obje

element-ui cascader级联选择器 获取选中对象Obje

IT职场 作者:蚂蚁没问题 时间:2021-09-09 10:38:43 0 删除 编辑

element-ui cascader级联选择器 获取选中对象Object(currentLabels、getCheckedNodes())

思路:获取对应的NODE节点,节点里存储了相应的数据信息

element-ui中的cascader级联选择器,文档中并没有提供直接获取当前选择的Object

这里特别需要注意element-ui的版本问题

2.7.0版本之前

可以用this.$refs['cascader'].currentLabels获取选中节点

  <el-cascader
    ref="cascader"
    :props="cascaderProp"
    :options="selectData.followPerson"
    v-model="searchInfo.teacherArr"
    size="mini"
    filterable
    clearable
    @change="change"
  />
  change(val) { 
    let nodesObj = this.$refs['cascader'].currentLabels
  }

2.7.0版本之后

可以用this.$refs['cascader'].getCheckedNodes()获取选中节点

this.KaTeX parse error: Expected 'EOF', got '在' at position 32: ….currentLabels 在̲2.7版本给移除了 可以通过t…refs[‘件名’].getCheckedNodes() 获取到选中的节点 [code=javascript]

  <el-cascader
    ref="cascader"
    :props="cascaderProp"
    :options="selectData.followPerson"
    v-model="searchInfo.teacherArr"
    size="mini"
    filterable
    clearable
    @change="change"
  />
change(val) { 
  let nodesObj = this.$refs['cascader'].getCheckedNodes()
}

图片描述

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2568/viewspace-2824488/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-16

  • 博文量
    107
  • 访问量
    675