美文网首页
表单重置,表单有的属性都的有

表单重置,表单有的属性都的有

作者: 流泪手心_521 | 来源:发表于2020-09-18 14:13 被阅读0次
<el-form :inline="true" :model="contentForm" ref="contentForm">//:model="contentForm" ref="contentForm"必须有
        <el-row>
          <el-col :span="6">
            <el-form-item label="工号" prop="approveStaffCode">// prop="approveStaffCode"必须有
              <el-input class="item_width" v-model.trim="contentForm.approveStaffCode" clearable placeholder="请输入工号">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="姓名" prop="approveStaffName">
              <el-input class="item_width" v-model.trim="contentForm.approveStaffName" clearable  placeholder="请输入姓名">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="用户状态" prop="status">
              <el-select class="item_width" v-model="contentForm.status" clearable placeholder="请选择用户状态">
                <el-option v-for="(item,index) in sectionList"
                           :key="index"
                           :label="item.name"
                           :value="item.status">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="版块" prop="sectionCode">
              <select-section :sectionName="contentForm.sectionCode"  @sectionName="sectionCodeList" ></select-section>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
  <div class="select_div">
        <el-button class="el_btn" type="primary" @click="searchResult">查询
        </el-button>
        <el-button class="el_btn" @click="resetForm('contentForm')">重置//重置方法
        </el-button>
      </div>
 </div>

2.重置方法

 //重置
      resetForm(formName){
        this.$refs[formName].resetFields();
      },

相关文章

  • 表单重置,表单有的属性都的有

    2.重置方法

  • ant design

    无状态组件重置表单: 一:引入 二,获取form 三,表单属性,重置事件

  • vue element-ui重置表单

    在重置表单的时候,form-item有prop属性么,需要这个属性

  • layer弹出层重置表单

    之前我重置layer弹出层表单都是使用 重置 这种方法,仅仅是使用一个button自带的type属性重置表单,但是...

  • form表单

    form属性 通用属性 重置表单元素样式 input select textarea datalist fieldset

  • Rails的js

    表单重置,也就是表单项清空

  • from 表单上传图片

    一、基础表单上传图片 上传input样式重置,可自定义。 from 表单中必须添加该属性 enctype="mul...

  • 为什么表单验证触发用blur比较好

    因为在重置表单时,有时候为了复用dialog框,你要先重置表单,(restFiles会将表单重置为奇怪的状态,用V...

  • VUE中快速清空表单内容

    我们经常碰到需要提交表单后,或者重新打开表单后需要重置表单的情况。以前不知道如何处理,就一直把表单的属性一个个清空...

  • element-ui重置表单

    elementUi 表单重置注意事项解决Element resetFields()重置表单不生效的问题 遇到的问题...

网友评论

      本文标题:表单重置,表单有的属性都的有

      本文链接:https://www.haomeiwen.com/subject/kekjyktx.html