element-UI级联选择器(Cascader)获取label值

 

//方法
 changeDayValue: function(nowData) {
                    var labelList = [];
                    var checkLabels = this.$refs['cascaderDay'].getCheckedNodes();
                    checkLabels.forEach(function(item) {
                        if(!item.hasChildren) {
                            labelList.push(item.label);
                        }
                    })
                    this.form.dayWorkerLocation = nowData.join(",");
                    this.form.dayWorker = labelList.join(",");
                },

这里主要通过

var checkLabels = this.$refs['cascaderDay'].getCheckedNodes();

获得选中节点的信息，可以根据自己的需求获得对应值，我这里只获得选中的最后一级节点的label值。

注意

:props="{ expandTrigger: 'hover',multiple: true,emitPath: false}"

其中emitPath参数,表示在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值

官方文档https://element.eleme.cn/#/zh-CN/component/cascader