Vue 中el-select获取value和label
2023-03-31 本文已影响0人
Rinaloving
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
