场景1:是这样的,input 写在el-dialog里面,根据另一个字段决定要不要显示这个input。新增和修改用的都是这个dialog。新增的时候input框输入后没有提示校验信息;但是,修改的时候,如果修改的是让另一个字段使得这个input从隐藏改成显示,然后在这个input里输入值后,不会在input框里显示值,但是查看data里是有值的。
原因:出现这种情况时因为视图没有更新。
解决办法:网上说的解决办法有添加@input事件。我按照要求添加了@input事件后,然后强制更新this.$forceUpdate.解决了这个问题。
场景2:在场景1中值显示之后,会出现另一个问题,输入值后会提示非空校验信息。
这个出现错误的代码如下
html
<el-form-item v-if="form.isMaintainTime === 1" label="弹窗文案" prop="maintainInfo" label-width