el-dialog+el-form中表单数据重置问题

  1. el-from中表单检验规则重置和数据重置在关闭事件中执行,
  2. 取消校验规则是用this.$resf[fromRefs].resetFields()
  3. reSet()中将fromData对象重新定义一遍
    代码示例
export default {
	data(){
		return{
			formData:{
				pubyear: '',
				issn: '',
				title: '',
				score: '',
				source: '',
				pubkind: '',
				pubzone: '',
				remark: ''
			}
		}
	},
	methods:{
		handleClose(){
			this.reSet()
		},
		reSet(){
			let formData = {
				pubyear: '',
				issn: '',
				title: '',
				score: '',
				source: '',
				pubkind: '',
				pubzone: '',
				remark: ''
			}
			this.$nextTick(()=>{
				this.formData = formData
			})
			this.$resf[fromRefs].resetFields()
		}
	}
}
posted @ 2022-01-11 09:06  YAN-YAN  阅读(540)  评论(0)    收藏  举报