elementui下拉框不回显_element-ui 中el-select表单不回显和校验不通过的问题

项目中有一个需求，填写表单，有两个相关联的下拉框，要根据部门筛选部门内的人员

当部门切换时，清空负责人里的内容

一开始的写法

v-for="(item,i) in getDepartments"

:key="i"

:label="item.name"

:value="item.id"

>

v-for="(item,i) in headuserList"

:key="i"

:label="item.name"

:value="item.id"

>

然后在methods里的change方法：

departChange(val) {

// 改变时获取id通过id查询当前部门的人员

API.getHead(val)

.then(res => {

this.headuserList = res.data;

this.ruleForm.followUser = "" // 置空当前选择的负责人

})

.catch(err => {<