Forms 在Vue JS中保留用于验证的输入值

使用VueJS创建带有字符串验证的登录函数

这是我的密码：

问题就出现在这下面,

两个输入都保留为空，然后单击

Login

按钮

出现错误消息

输入用户名

和

输入密码

在其中一个输入中输入一些内容

ex）在密码区输入xxxx

单击

登录

按钮

问题发生了

密码

输入区的值消失

我希望每次单击

Login

按钮时将值保留在输入框中，直到两个输入值都正确为止

我怎样才能修好它

表单验证功能在

Login.vue
注册表（添加）
value
prop中写入
Form.vue
组件：

props: {
// ...your registered props
// add below
  value: {
    type: String,
    default: "",
  },
},

为什么?

因为现在它不是反应性的。因此，当父组件更改
值时
子组件不会做出反应。
您是对的。在
props
中添加
value
可以解决问题。非常感谢你的帮助！