場(chǎng)景描述：
新增頁(yè)面使用el-select multiple下拉多選控件，并設(shè)置了非空校驗(yàn)，打開(kāi)頁(yè)面時(shí)，下拉多選控件會(huì)自動(dòng)觸發(fā)表單非空校驗(yàn),如圖：
解決方法
1.頁(yè)面初始化時(shí)，設(shè)置當(dāng)前屬性初始值為空數(shù)組
data() {
return {
// 表單參數(shù)
form: {
providerList:[],
},
// 表單校驗(yàn)
rules: {
providerList: [
{ required: true, message: "請(qǐng)選擇物流運(yùn)營(yíng)商", trigger: "change" }
],
},
};
},2.使用鉤子函數(shù)，在創(chuàng)建頁(yè)面時(shí)，重置對(duì)應(yīng)屬性的值
created() {
let _self = this;
_self.$nextTick(()=>{
//_self.form為頁(yè)面屬性接收值 //providerList 為下拉框v-model對(duì)應(yīng)的值
_self.$set(_self.form, 'providerList', [])
})
},注：?_self.form對(duì)象為上述第一種方法中的form對(duì)象
實(shí)現(xiàn)效果：
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-789718.html
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-789718.html
到了這里，關(guān)于element ui中下拉框設(shè)置了多選multiple之后 一進(jìn)頁(yè)面就觸發(fā)表單校驗(yàn)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
