表单搜索条件清空、重置注意事项

el-form 需要接收一个 model，并且需要配合 el-form-item 一起使用，并且在 el-form-item 上绑定 prop 属性，resetField 方法才能好使。

<el-form :model="addServiceData" ref="addServiceForm">
    <el-form-item label="手机号" prop="mobile">
       <el-input v-model="data.mobile" placeholder="请输入手机号码"></el-input>
     </el-form-item>
</el-form>

并且addServiceData应该是个对象，定义在data里面，类似这样

data(){
    return {
        addServiceData: {
            mobile: ''
        }
    }
}
methods: {
    // 清空
    clearButton: _.debounce(function () {
      this.$refs.searchForm.resetFields()
    }, 500)
}

参考：https://segmentfault.com/q/1010000014636291