element Cascader级联选择器获取输入框的label值


如题在element的Cascader组件中,一般获取值是value,即为隐藏的标识key值;

但有时我们需要显示输入框里面的展示的label,如果获取呢

这里就提到了组件带有的 getCheckedNodes 方法

<!-- tempate -->
  <el-cascader
      ref="cascaderAddr"
      clearable
      :options="categoryOptions"
      :props="{ multiple: true, checkStrictly: true }" 
      v-model="form.categoryId"
      placeholder="请选择分类"
      @change="categoryChange"
       style="width:100%;" 
    />

<!-- script -->
categoryChange(val) {
  // 使用 $nextTick 是为了避免直接删除tag延迟取值
  this.$nextTick(() => {
    const selectCategory = this.$refs['cascaderAddr'].getCheckedNodes();
    // selectCategory 里面有所有选中的数据,可供自行处理
  })
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM