(vue.js)element ui 表单重置

Posted 2020-11-20 吴珊珊

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: ‘‘
        }
    }
}