element-ui 使用el-cascader 级联获取label值

最新推荐文章于 2025-03-03 16:29:59 发布

Grocery store owner

最新推荐文章于 2025-03-03 16:29:59 发布

阅读量476

点赞数 3

文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/no_one_but_you/article/details/142953789

版权

通过ref获取
结构

<el-cascader
     v-model="ruleForm.DW"
     @change="cascaderChange"
     ref="cascaderRef"
     style="width: 100%;"
     :options="commpanyList"
     :props="{ checkStrictly: true, emitPath: false }"
     clearable>
 </el-cascader>

change事件

cascaderChange() {
    console.log(this.$refs.cascaderRef.getCheckedNodes()[0].label, '单选')
    // 多选时可循环this.$refs.cascaderRef.getCheckedNodes()[0]获取label
    this.$refs.cascaderRef.getCheckedNodes()[0].forEach(item =>{
		console.log(item.label)
	})
}