<el-cascader
ref="cascaderAddr"
:options="options"
:props="props"
collapse-tags
size="small"
clearable
@change="cascaderChange"
v-model="cascaderValue"
></el-cascader>
options: [{
value: 'zhinan',
label: '指南',
type: 'A'
children: [{
value: 'shejiyuanze',
label: '设计原则',
type: 'B'
children: [{
value: 'yizhi',
label: '一致',
type: 'C'
}]
}]
}]
执行change
事件之后,取出选中的value值就是v-model
绑定的值,比较简单
label
和 type
的值就需要用 getCheckedNodes
方法了
label 的值 : this.$refs[‘cascaderAddr’].getCheckedNodes()[0].label
type 的值 : this.$refs['cascaderAddr'].getCheckedNodes()[0].data.type