前端歌谣 - 博客园

摘要：阅读全文

posted @ 2022-05-06 22:19 前端歌谣阅读(5) 评论(0) 推荐(0)

摘要：首先，在 element.js 中导入弹框提示组件，但是它的配置与其它组件不一样，它需要进行全局挂载。全局导入后，我们就可以在我们的登录组件 login.vue 中通过 this来访问弹框提示组件了。测试一下，输入 admin 和 123456，此时就... 阅读全文

posted @ 2022-05-06 22:18 前端歌谣阅读(13) 评论(0) 推荐(0)

摘要：在我们点击登录按钮，不应该直接发起网络请求，而是应该对表单进行预校验，检验成功才会发送请求。拿到表单引用对象，即可进行对表单的校验。首先，给登录按钮通过 @click 来绑定一个事件下一步，在 methods 中添加 login 方法，val... 阅读全文

posted @ 2022-05-06 22:18 前端歌谣阅读(4) 评论(0) 推荐(0)

摘要：在我们点击登录按钮，不应该直接发起网络请求，而是应该对表单进行预校验，检验成功才会发送请求。拿到表单引用对象，即可进行对表单的校验。首先，给登录按钮通过 @click 来绑定一个事件下一步，在 methods 中添加 login 方法，val... 阅读全文

posted @ 2022-05-06 22:18 前端歌谣阅读(9) 评论(0) 推荐(0)

摘要：在我们点击登录按钮，不应该直接发起网络请求，而是应该对表单进行预校验，检验成功才会发送请求。拿到表单引用对象，即可进行对表单的校验。首先，给登录按钮通过 @click 来绑定一个事件下一步，在 methods 中添加 login 方法，val... 阅读全文

posted @ 2022-05-06 22:18 前端歌谣阅读(44) 评论(0) 推荐(0)

摘要： element-ui 对表单提供了如下方法 resetFields，我们只需要获取表单对象数据即可重置我们的表单。获取表单对象方式如下：直接在表单处添加 ref属性，如下 loginFormRef，此引用即为我们表单实例。然后，在我们重置按钮处，通过... 阅读全文

posted @ 2022-05-06 22:18 前端歌谣阅读(17) 评论(0) 推荐(0)

摘要： element-ui 对表单提供了如下方法 resetFields，我们只需要获取表单对象数据即可重置我们的表单。获取表单对象方式如下：直接在表单处添加 ref属性，如下 loginFormRef，此引用即为我们表单实例。然后，在我们重置按钮处，通过... 阅读全文

posted @ 2022-05-06 22:18 前端歌谣阅读(22) 评论(0) 推荐(0)

摘要： element-ui 对表单提供了如下方法 resetFields，我们只需要获取表单对象数据即可重置我们的表单。获取表单对象方式如下：直接在表单处添加 ref属性，如下 loginFormRef，此引用即为我们表单实例。然后，在我们重置按钮处，通过... 阅读全文

posted @ 2022-05-06 22:18 前端歌谣阅读(11) 评论(0) 推荐(0)

摘要： Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。通过 rules 属性传入约定的验证规则将Form-Item 的 prop 属性设置为需校验的字段名... 阅读全文

posted @ 2022-05-06 22:18 前端歌谣阅读(7) 评论(0) 推荐(0)

摘要： Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。通过 rules 属性传入约定的验证规则将Form-Item 的 prop 属性设置为需校验的字段名... 阅读全文

posted @ 2022-05-06 22:18 前端歌谣阅读(43) 评论(0) 推荐(0)

导航