vue element ui重置表单的方法

一.vue element ui重置表单的方法

1. element代码部分 rest(form) 里面的form是表单的名字

<el-form :inline="true" ref="form" :model="form" label-width="80px" class="demo-form-inline">
	<el-form-item>
		<el-button type="primary" @click="rest(form)">重置</el-button>												
	</el-form-item>
</el-form-item>

vue代码部分

new Vue({
	      el: '#app',
	      data: function() {
	        return { }
	       }
		  methods: {
			rest(form){
				for(let key in form){
					this.$set(form,key,'');	
				}		
			}
		}
});
	

重点 使用方式 在按钮里面嗲用**rest(表单名称）**方法进行重置表单