element ui中下拉框选择后不显示值的问题

问题：在使用element ui中的select下拉框组件开发时遇到的问题，选择后但是不显示选中的值，v-model绑定的值已经发生变化视图不显示

<el-select v-model="courseInfo.subjectId" placeholder="请选择" @change="handleChange">
     <el-option
         v-for="subject in subSubjectList"
         :key="subject.id"
         :label="subject.title"
         :value="subject.id"/>
</el-select>

解决方法：利用@change事件绑定函数重新加载一下组件

handleChange(){
    this.$forceUpdate()
}