你也许不知道的element-ui(3)——获取Cascader组件label的值

596 阅读1分钟

我们来看需求:获取组件的label值

image.png

首先,我们都知道el-cascader组件有个change事件,能通过这个事件来获取吗?

<el-cascader v-model="value" :options="options" @change="handleChange"></el-cascader>

image.png

查看文档只能获取到value并不能获取label。 如何做呢? 给组件定义个名字

<el-cascader v-model="value" :options="options" @change="handleChange" ref="cascader"></el-cascader>

然后我们就可以通过如下代码获取了

this.$refs["cascader"].inputValue