vue 下拉框清空后,无法赋值

1. 页面显示

image.png

2. 背景

一级项目与二级项目联动，当选择“一级项目”后，清空“二级项目”选择框内容，此时出现赋值无效的问题。

3 页面代码

image.png

4. methods

getSecondName(){
 this.$forceUpdate();
}

5. 原因

添加this.$forceUpdate();进行强制渲染，效果实现。
因为数据层次太多，render函数没有自动更新，需手动强制刷新。