珠海网站建设模板,上海企业网站制作公司,软件商城app下载安装,撰写网站规划书element-ui 对表单提供了如下方法 resetFields#xff0c;我们只需要获取表单对象数据即可重置我们的表单。 获取表单对象方式如下#xff1a;
直接在表单处添加 ref属性#xff0c;如下 loginFormRef#xff0c;此引用即为我们表单实例。 然后#xff0c;在我们重置按钮…
element-ui 对表单提供了如下方法 resetFields我们只需要获取表单对象数据即可重置我们的表单。 获取表单对象方式如下
直接在表单处添加 ref属性如下 loginFormRef此引用即为我们表单实例。 然后在我们重置按钮处通过 click 给按钮绑定一个事件 下一步添加方法我们可以打印一下 this 不难发现此时的 this 指向的就是我们当前登录组件 login.vue的实例对象。 观察上图我们看到有一个 $refs 属性这个就是我们的表单实例。 此时我们的方法就可以改写成如下方式 最后我们点击重置按钮后会发现输入框并不是完全清空了原因是data数据里面一开始我们设置了默认值因此resetFields()函数就是清空为默认值。
