element同时获取el-select中的label和value值

项目中遇到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
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容