1. 通过监听change事件 在el-cascader组件上监听change事件,可以在事件处理函数中获取到当前选中的值(value)和对应的节点信息,进而获取到label。但需要注意的是,change事件直接返回的是选中项的value数组,如果需要获取label,则需要通过getCheckedNodes方法。
handleChange(value) { console.log(this.$refs["cascader"].getCheckedNodes()[0].label) } } 如果想要获得多级级联的label,则通过pathLabels可以获得对应的label数组。 methods: { handleChange(value) { console.log(this.$refs["cascader"].getCheckedNodes()[0].pathLabels) }, } 法2: 最近使用element...
通过this.$refs.cascader.getCheckedNodes()方法获取当前选中的节点数组。 遍历该节点数组,使用.map()方法将每个节点的label值提取出来形成一个新的数组。 以下是一个示例代码: <template> <div> <el-cascader ref="cascader" :options="options" @change="handleChange"></el-cascader> <button @click="getSel...
label: "一致——最终值过长测试数据1", }, { value: "fankui", label: "反馈——最终值过长测试数据2", }, ], }, ], }, ], }; }, methods: { valueChange() { this.getdata(); }, // 获取级联选择器选中数据的内容 getdata() { this.labelString = this.$refs.cascader_Ref.getChecked...
el-cascader获取lable的值 <template> <div> <el-cascader ref="areaNames" v-model="disValue" :options="districtAll" :props="{ label: 'treedataname', value: 'treedataid', children: 'childList' }" :collapse-tags="collapseTags" clearable...
Element的el-cascader(级联器)组件的value容易获取,主要是label。用 this.$refs[关联组件名].currentLabels 可以获取,但是这个方法已经过期了。 需使用getCheckedNodes方法的节点获取。即 this.$refs["cascader"].getCheckedNodes()[0].label 1. 示例代码如下: ...
记录下 https://developer.aliyun.com/article/1558856 记录下如何使用el-cascader,以及懒加载 处理回显数据 再补充下怎么...
1. 首先，通过querySelector方法定位到El Cascader组件。2. 使用getNodes方法获取所有节点。3. 利用map函数将每个节点的label属性提取出来。4. 最后，将获取到的label值数组输出到控制台。通过以上步骤，你可以轻松实现获取El Cascader组件中任意结点的label值，为你的应用提供强大的数据筛选与操作功能。
添加函数获取label值 //获取labelonSelectChange(){constoption=this.formItems.find(option=>option.dictCode===this.ruleForm.nodeSigner);this.ruleForm.nodeSignerName=option?option.dictName:'';}, 多级el-cascader <template><div><el-cascader:options="options"v-model="selectedOptions"@change="handleCha...
给el-cascader组件设置ref为myCascader,设置change事件handleAreaChange 1handleAreaChange(val){2//handleAreaChange携带的val参数,获取的数据是label的value,我们需要的是label34this.$refs['myCascader'].getCheckedNodes()[0].pathLabels;5}