问题记录:vue 数据更新,el-form, el-table等不更新,不重新渲染解决办法

一次开发中,使用了el-dialog弹窗组件,组件里使用了el-form组件,并且里面使用了el-input,

但是发现第一次打开弹窗是有数据的,后面再打开弹窗就不在显示数据了。

 

1.打印数据,数据在每次打开弹窗确实是传过来的。加上$forceUpdate(),无效!

2.在el-form外的地方用div显示数据,发现是正常的,说明数据都是正常的,那么就是el-from的问题。

 

解决办法:

在el-form上绑定key, 假设为:key=“formDataStatus”

 

默认值 formDataStatus = false

 

打开弹窗的时候,设 formDataStatus = true;

关闭弹窗的时候, 设formDataStatus = false;

 

这就能解决了

 

落魄前端-小陈
0
0
0
评论
浏览
收藏