Element的el-cascader(级联器)组件的value容易获取,主要是label。用 this.$refs[关联组件名].currentLabels 可以获取,但是这个方法已经过期了。
需使用getCheckedNodes方法的节点获取。即
this.$refs["cascader"].getCheckedNodes()[0].label
示例代码如下:
<el-cascader v-model="statIndicatorForm.categor" :options="optionsCategor" :show-all-levels="false" placeholder="请选择" @change="handleChange" ref="cascader" />
methods: { handleChange(value) { console.log(this.$refs["cascader"].getCheckedNodes()[0].label) } }
如果想要获得多级级联的label,则通过pathLabels可以获得对应的label数组。
methods: { handleChange(value) { console.log(this.$refs["cascader"].getCheckedNodes()[0].pathLabels) }, }