当前位置: 首页 > Web前端 > vue.js

elementUI实现了选中下拉框时同时存储id和name

时间:2023-03-31 14:39:18 vue.js

如图选择焊接车间后,车间id和名称同时保存。在html中:其中下拉框显示name,选择name,保存的值是在itemdata:[]中写一个数组workshops,在dataform中定义workshopId:'',workshopName:'',初始化getWorkshops()在init方法中,最后方法体写成//获取车间信息getWorkshops(){this.$http.get('/basic/workshop/list').then(({data:res})=>{if(res.code!==0){returnthis.$message.error(res.msg)}this.workshops=res.data}).catch(()=>{})},//绑定研讨会workshopCurrentHandle(value){this.dataForm.workshopId=value.idthis.dataForm.workshopName=value.workshopName},