el-select获取value和label
功能需求
QQ截图20230401181307.png
默认情况下，前端传到后台的值是 id ，而不是文本框显示的值（我们这里需要）
操作方法（借助ref，所以在上文的vue组件中一定要为el-select绑定一个ref，才能在下面的函数中获取对应的值）
微信图片_20230401181720.png
取值（根据实际数据来）
this.$refs.optionRef.selected.value,
this.$refs.optionRef.selected.label
微信图片_20230401181739.png
效果
微信图片_20230401181743.png
1.el-select问题描述 el-select的选项，一般是一组组对应的{label：‘’, value: '...
获取Pick list label 和Value，参考下图的方式 结果展示如下图：
在某些业务场景下，我们需要获取select的lable值和value值 获取label值代码如下：
jobTypes: [ { value:1, label:'读接口' }, { value:2, label:'...
组件：SelectTree
需求，多次使用el-select，进行二次封装 遇到的坑：一直获取不到option里的value值，最后使用@in...
label label是kubernetes中另外一个中的概念 一个label是一个 key - value pa...
使用Element的时候，组件并没有提供select下拉和级联选择器获取选中value对应的label的方法，不过...
html代码：
本文标题：Vue 中el-select获取value和label
本文链接：https://www.haomeiwen.com/subject/oibhddtx.html
网友评论