vue对话框切换表单验证渲染错位问题

做了一个对话框，用于新增和编辑对话框，其中里面的组件有公用的部分，做了校验，显示隐藏切换的时候发现验证错位了

新增做了用户名称密码校验

编辑共用了用户名称，但是性别并没有做校验，反而出现了星号的校验

原来是没有添加key导致的表单校验渲染错位了，需要给校验的组件添加key属性