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