(vue.js)element ui 表单重置

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

  

猜你喜欢

转载自www.cnblogs.com/wulihong/p/9218905.html