element ui 表单重置功能

话不多说 直接上代码

 <el-form :inline="true" :model="formInline" ref="formInline" class="demo-form-inline">
          <el-form-item label="订单id" prop="orderId">
            <el-input
              v-model="formInline.orderId"
              placeholder="订单id"
            ></el-input>
          </el-form-item>
             <el-button type="primary" @click="resetForm"
              >重置</el-button
            >
          </el-form-item>
        </el-form>

在方法中
 resetForm( ) { 
        this.$refs.formInline.resetFields()
    },