關(guān)于獲取表單項(xiàng)整個(gè)對(duì)象的方法：
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="賬號(hào)" prop="input">
<el-input v-model="form.input" autocomplete="off" />
</el-form-item>
<el-form-item label="上傳頭像">
<el-upload action="" :on-change="changeHandle">
<el-button size="small" type="primary">點(diǎn)擊上傳頭像</el-button>
<div slot="tip" class="el-upload__tip">只能上傳jpg/png文件，且不超過(guò)500kb</div>
</el-upload>
</el-form-item>
<el-button type="success" @click="submitForm('form')">點(diǎn)擊上傳</el-button>
</el-form>
也就是表單驗(yàn)證時(shí)出現(xiàn)的幾個(gè)坑：
第一：<el-form>表單綁定的動(dòng)態(tài)屬性，而不是v-model雙向綁定
第二：<el-form-item>表單項(xiàng)是里面才是<el-input>輸入框和單選之類。
第三：注意的是：表單需要：ref="form" :model="form" ，特別注意是表單項(xiàng)：prop="input"，必須是，綁定的對(duì)象from里面的屬性值key；
也就是說(shuō)，只要做表單驗(yàn)證，必須添加這這個(gè)prop屬性值?。。。。?mark hidden color="red">文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-608564.html
data() {
return {
form: {
input: ''
}
};
},
表單驗(yàn)證：清空所有表單項(xiàng)
其實(shí)是將表單重置為初始數(shù)據(jù)。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-608564.html
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.$refs[formName].resetFields();//清空所有表單項(xiàng)
} else {
return false;
}
});
},
到了這里，關(guān)于element-ui關(guān)于獲取from表單項(xiàng)整個(gè)對(duì)象的方法，以及this.$refs[formName].resetFields()清除失效情況的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
