方法一:给 dialog 绑定一个v-if,使对话框重新加载一遍
<el-dialog
title="添加抄表本"
:visible.sync="dialogAdd"
v-if="dialogAdd"
:before-close="handleCloseAdd">
</el-dialog>
方法二:vue表单自带的重置表单方法
this.$refs['表单属性ref绑定的表单名字'].resetFields();
<el-dialog
title="增加新的电价"
:visible.sync="AddDialogVisible"
width="30%"
:before-close="handleClose">
<el-form ref="addForm" :rules="rules" :model="addForm" :label-width="labelWidth">
<el-form-item label="电价" prop="cdj">
<el-input v-model="addForm.cdj"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="cancelAdd">取 消</el-button>
<el-button type="primary" @click="addOK">确 定</el-button>
</span>
</el-dialog>
<script>
export default {
methods{
cancelAdd(){
this.AddDialogVisible = false
this.$refs['addForm'].resetFields();
},
handleClose(done){
this.$refs['addForm'].resetFields();
done();
},
}
}
</script>