element ui resetFields() 不起作用,失效问题

Posted 2021-05-24 奔跑的小峥

element ui resetFields 不起作用,失效问题

• resetFields不失效
• 案例

resetFields不失效

①需要加在form表单上的每个框上添加prop属性
②添加ref属性
③ref属性下面对应的值都要写上（不加表单输入不上值）

案例

 <el-dialog
                    :title="title"
                    :visible.sync="dialogVisibleADD"
                    width="30%"
            >
                <el-form :inline="true" ref="formInlineADD"  :model="formInlineADD" class="demo-form-inline">
                    <el-form-item label="车牌号" prop="carnumber">
                        <el-input v-model="formInlineADD.carnumber" placeholder="审批人"></el-input>
                    </el-form-item>
                    <el-form-item label="价格" prop="price">
                        <el-input v-model="formInlineADD.price" placeholder="审批人"></el-input>
                    </el-form-item>
                    <el-form-item label="身份证号" prop="identity">
                        <el-input v-model="formInlineADD.identity" placeholder="审批人"></el-input>
                    </el-form-item>
                    <el-form-item label="创建时间" prop="createtime">
                        <el-date-picker
                                v-model="formInlineADD.createtime"
                                type="date"
                                placeholder="选择日期"
                                :picker-options="pickerOptions">
                        </el-date-picker>
                    </el-form-item>
                    <el-form-item label="归还时间" prop="returndate">
                        <el-date-picker
                                v-model="formInlineADD.returndate"
                                type="date"
                                placeholder="选择日期"
                                :picker-options="pickerOptions">
                        </el-date-picker>
                    </el-form-item>
                </el-form>
                <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="confim">确 定</el-button>
  </span>
            </el-dialog>