写web前段项目，开发环境vue
写三个相互关联的下拉选择框，事业部-部门-组别
其中在组别选项中，下拉框出现的选择项时正确的，比如如图所示
而选择第一个选项后，却出现了如下的bug
最后发现原因，
async searchGrounp () {
let requestData = {
divId: this.formInline.divId,
depId: this.formInline.depId
}
const res = await grounp(requestData)
if (res.code === '1') {
this.options_group = []
const arr = []
res.result.datas.forEach(item => {
const obj = {}
obj.groId = item.gro_id
obj.name = item.gro_name
arr.push(obj)
})
this.options_group = arr
} else {
this.$message.error(res.message)
}
this.loading = false
},
onReset (formName) {
this.$refs[formName].resetFields()
},
原因在于this.options_group = []，每次清空数组的时候，是在if条件里面，
应该放在外面。如下：
async searchGrounp () {
let requestData = {
divId: this.formInline.divId,
depId: this.formInline.depId
}
this.options_group = []
const res = await grounp(requestData)
if (res.code === '1') {
const arr = []
res.result.datas.forEach(item => {
const obj = {}
obj.groId = item.gro_id
obj.name = item.gro_name
arr.push(obj)
})
this.options_group = arr
} else {
this.$message.error(res.message)
}
this.loading = false
},
onReset (formName) {
this.$refs[formName].resetFields()
},