element ui 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>