1、输入设备ip后,校验ip地址格式错误,出现相应错误提示语;
2、通过el-select 中 change 事件切换设备类型;
3、切换后改变设备类型,表单动态改变,改变前设备ip地址校验错误提示语不会消失,会发生提示语位置错乱的现象;
问题原因:在 el-form 中 el-form-item 元素没有唯一标识,组件内部会误以为是同一个元素,导致切换时触发校验,提示语位置错乱。
解决方案:在每个 el-form-item 标签中添加相应的key,保证key的唯一性,即可解决。
如图: