一.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代碼部分文章來源:http://www.zghlxwxcb.cn/news/detail-720082.html
new Vue({
el: '#app',
data: function() {
return { }
}
methods: {
rest(form){
for(let key in form){
this.$set(form,key,'');
}
}
}
});
重點 使用方式 在按鈕里面嗲用**rest(表單名稱)**方法進行重置表單文章來源地址http://www.zghlxwxcb.cn/news/detail-720082.html
到了這里,關(guān)于vue element ui重置表單的方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!