ElemenUi搜索数据时如何重置输入框的内容

需求

搜索表格数据时，重置输入框数据内容

实现

 <el-form ref="formsearch" :model="formsearch" label-width="100px" :inline="true"  class="demo-form-inline">
      <div>  
      
        <el-form-item label="单位名称" prop="DWMC" >      
          <el-input v-model='formsearch.DWMC' style="width: 150px;"></el-input>
        </el-form-item>

        <el-form-item label="沟通人员" prop="GTRY" >      
          <el-input v-model='formsearch.GTRY' style="width: 150px;"></el-input>
        </el-form-item>

        <el-form-item label="沟通事项" prop="GTSX" >      
          <el-input  v-model='formsearch.GTSX' style="width: 150px;"></el-input>  
        </el-form-item>
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

      <el-button-group>
        <el-button type="primary" @click="onsearch">查询</el-button>
        <el-button type='info' @click="resetForm('formsearch')">重置</el-button>  
      </el-button-group> 
       
      </div>

   </el-form> 
   

在methods 方法中写点击事件

  // 重置搜索输入的数据
           resetForm(formName){
              this.$refs[formName].resetFields();
            }