项目中遇到element ui需要同时获取el-select选择器中label和value值的需要,正常情况下只需要通过选择器获取v-model值即可,现在需要同时获取label的值。
方法如下
<el-select v-model="form.value" placeholder="请选择" @change="xxx" ref="selectLabel1" clearable>
<el-option v-for="item in list" :key="item.value" :label="item.label" :value="item.value" @click.native="LabelClick(item.label)">
</el-option>
</el-select>
在el-select中添加:ref=”selectOptionRef”
在el-option中添加@click.native=”labelClick(item.label)”
method方法接收
labelClick(res){
this.category_show_1 = this.$refs.selectOptionRef1.selected.label
},
selected.label一直显示undefined,也可用selectedLabel
也可用
@click.native="labelClick(item.value)"
this.choiceprice_1=this.$refs.refpriceselect.selected.value;
© 版权声明
THE END
暂无评论内容