文章描述了一种前端开发中的问题，即在切换设备类型后，由于el-form-item缺少唯一标识，导致IP地址校验错误的提示语不消失且位置混乱。解决方案是为每个el-form-item添加独特的key，确保组件能正确识别不同的表单元素。
1、输入设备ip后，校验ip地址格式错误，出现相应错误提示语；
2、通过el-select 中 change 事件切换设备类型；
3、切换后改变设备类型，表单动态改变，改变前设备ip地址校验错误提示语不会消失，会发生提示语位置错乱的现象；
问题原因：在 el-form 中 el-form-item 元素没有唯一标识，组件内部会误以为是同一个元素，导致切换时触发校验，提示语位置错乱。
解决方案：在每个 el-form-item 标签中添加相应的key，保证key的唯一性，即可解决。
如图：
扫一扫
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
