一.vue element ui重置表单的方法
- 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代码部分文章来源:https://www.toymoban.com/news/detail-720082.html
new Vue({
el: '#app',
data: function() {
return { }
}
methods: {
rest(form){
for(let key in form){
this.$set(form,key,'');
}
}
}
});
重点 使用方式 在按钮里面嗲用**rest(表单名称)**方法进行重置表单文章来源地址https://www.toymoban.com/news/detail-720082.html
到了这里,关于vue element ui重置表单的方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!