使用element 级联组件,想要获取选中的,文字和数字,以下是完整代码
<el-cascader @change="getUserListRole(orgIds)" v-model="orgIds" ref="orgId" :options="TreeDate" :props="{ checkStrictly: true, value: 'id', label: 'orgName' }" clearable :show-all-levels="false"/>
js:
data () {
return {
TreeDate: [], // 级联数据
orgIds: [] // 这里必须是数组
}
},
methods:{
getUserListRole (orgIds) {
// 获取选中文字
const name = this.$refs.orgId.inputValue()
// 或者
const name = this.$refs.orgId[index].inputValue
// 或者
const name = this.$refs.orgId.getCheckedNodes()[0].label
// 获取选中的数字,拿到选中的最后一项
const id = orgIds.length >0 ? orgIds[orgIds.length-1] : ''
}
}