element 下拉框联动_element-ui2级联动下拉框问题

就是我使用了2级联动下拉框,然后每个赋予了filterable属性, 当我下拉第一个的时候框的时候第二个下拉框会出现相应的数据,现在我需要做的就是 当我选择第一个下拉框,选择不同的值我就要清空第二个下拉框选中的值,然后我change事件第二个下拉框直接赋予空,一旦我赋予为空了,但是第二个下拉框就选不中了 ,这怎么解决呢

filterable

placeholder="请选择"

v-model="updformObj.semesterId"

clearable

@change="stuByClass()"

>

v-for="item in semesterList"

:label="item.semesteName"

:value="item.id"

:key="item.id"

>{{item.semesteName}}

v-for="item in ClassList"

:label="item.className"

:value="item.id"

:key="item.id"

>{{item.className}}

stuByClass(){

this.updformObj.newClassId=null

//这里一旦我赋予了值,我第二个下拉框就选不中了

}