ElementUI動態增減表單項

增加新選項

}

增加新選項

const option = 

export default ,
rules: 
],answers: [
],options:,}
}},methods: 
//將keys歸位
for (let i = 0; i < this.formdata.optionslist.length; i++) 
/*將答案歸位
單選: this.formdata.answer 字串
多選: this.formdata.answers 陣列
this.formdata.questiontype 是題庫型別 單選 or 多選 
因為單選儲存的是字串 多選儲存得是陣列 根據自己的要求設定即可
*/if (this.formdata.questiontypes == 1)
}else if (this.formdata.questiontypes == 2)}},
adddomain() );}}}

使用element ui動態表單做表單驗證

官方給的demo 表單 v for domain,index in dynamicvalidateform.domains label 網域名稱 index key domain.key prop domains.index value rules domain.value el input rem...

element ui表單驗證

可以在pattern中書寫正則，並且配合elementui進行表單驗證。pattern 屬性規定用於驗證輸入欄位的模式。模式指的是正規表示式。rules message 以字母開頭，長度在2 5之間，只能包含字元 數字和下劃線 password message 只能輸入6 20個字母 數字 下劃線 ...

element ui 表單校驗

一 最普通的驗證 html model ruleform rules rules ref ruleform label width 100px class demo ruleform 名稱 prop name v model ruleform.name el input el form item e...