工作176：表单重置

复制代码
<el-form :model="loginForm" ref="loginFormRef">      // 1. 需要给表单指定  ref 属性 , 可以理解为表单的 名字<!-- 用户名 --><el-form-item prop="username">   // 2. 需要给 需要重置 的表单项指定 prop 属性, 值为 表单 loginForm 中的 username<el-inputv-model="loginForm.username"prefix-icon="el-icon-user-solid"placeholder="请输入用户名"></el-input></el-form-item><!-- 密码 --><el-form-item prop="password">    // 2. 同上<el-input v-model="loginForm.password" prefix-icon="el-icon-lock" placeholder="请输入密码"></el-input></el-form-item><el-form-item class="btns"><el-button size="medium" type="primary">登录</el-button><el-button size="medium" @click="reset" type="info">重置</el-button>   // 3. 给重置的按钮绑定 click事件</el-form-item></el-form>

data: function() {return {loginForm: {username: '',password: ''}}}

  methods: {// 表单的重置功能reset() {console.log('123')this.$refs.loginFormRef.resetFields()     // 4. 通过this.$refs.(上面提到的表单名字) 调用API resetFields(), 即可实现表单的重置//   console.log(this.$refs[formName])}}

工作176：表单重置相关推荐

工作275:表单验证重置
/*3GY歌谣表单验证通过继续前行*/this.$refs["form"].validate(valid => {if (valid) {setTimeout(() =&g ...
工作177：表单重置项目处理
<template><el-dialog title="新建账号" :visible.sync="dialogF ...
ElementUI中el-form实现表单重置以及将方法抽出为全局方法
场景使用el-form时,点击重置按钮或者取消按钮时会实现表单重置效果. 那么el-form怎样实现表单重置,如果在多个页面需要用到重置,怎样将此方法抽出为全局的方法,在需要用到的地方直接引用. 注 ...
ElementUI实现el-form表单重置功能按钮
目录业务场景: 效果演示: 业务场景: 使用el-form时,点击重置按钮或者取消按钮时会实现表单重置效果. 重置功能按钮功能实现详细步骤: 第一:首先给el-form添加ref属性. <el ...
【HTML】form表单重置、清空方法记录
form表单重置.清空方法记录 myform 是 form 的 id 属性值调用 reset()方法 function fomrReset() {document.getElementById(&q ...
elementUI form表单重置问题
elementUI form表单重置问题问题如果修改了data里的表单form默认值,那么重置以后就是你修改以后的值,而不是data里的值了所以this.$refs.ruleForm.resetF ...
ElementUI 之el-form表单重置功能按钮
业务场景: 使用el-form时,点击重置按钮或者取消按钮时会实现表单重置效果. 重置功能按钮功能实现详细步骤: 第一:首先给el-form添加ref属性. <el-form :inline=& ...
功能：登录和退出（表单重置和预验证、路由导航守卫、路由重定向）
3.登录/退出功能 3.1登录概述 3.1-1.登录业务流程 ①在登录页面输入用户名和密码 ②调用后台接口进行验证 ③通过验证之后,根据后台的响应状态跳转到项目主页 3.1-2.登录业务的相关技术点 ...
iview表单重置以及重置验证信息
表单内容添加一般都是在弹出框中进行编辑.修改.新增的如以下这段编辑代码: <Modal :mask-closable="false&quo ...

工作176：表单重置

工作176：表单重置相关推荐

最新文章

热门文章