问题:
<el-select v-model="editForm.type_id" placeholder="请选择分类">
<el-option v-for="(item,index) in getalltype" :key="item.index" :label="item.name" :value="item.id + ''"></el-option>
</el-select>
在下拉框中选择某个值后,el-select绑定的值更新了但是页面显示没有更新。
原因:
因为下拉框数据是循环别的接口得来的,因为数据层次太多,render函数没有自动更新,需手动强制刷新所以我直接强制刷新了值,而forceUpdate就是重新render。
解决方法:
在el-select标签中添加 @change="$forceUpdate();" 进行强制渲染