<!-- 需要一個(gè)動(dòng)態(tài)的input 可以讓用戶根據(jù)不同資料填寫, -->
<!-- useCustom 是一個(gè)動(dòng)態(tài)數(shù)組里面 a, b, c, -->
<div v-for="(uc, index) in useCustom" :key="index">
<el-form-item >
<!-- msgShopName是個(gè)對(duì)象, 通過(guò)拿到uc值 來(lái)動(dòng)態(tài)渲染出input框 a框, b框, c框-->
<el-input v-model="msgForm.msgShopName[uc]" :placeholder="uc" style="margin-left: 4px; width: 200px" required></el-input>
</el-form-item>
</div>我的需求很簡(jiǎn)單, 為每個(gè)動(dòng)態(tài)渲染出來(lái)的 input 增加驗(yàn)證,讓他變成必填...1.簡(jiǎn)單試過(guò)在input 框上 直接寫上required, 來(lái)讓input框變成必填, 結(jié)果無(wú)效. 2.試過(guò)直接增加rules 規(guī)則. 不過(guò)效果不好,驗(yàn)證不準(zhǔn)確.我遇到的問(wèn)題是: prop 一般要與 被驗(yàn)證的控件 一致, 但我這邊因?yàn)?被驗(yàn)證的控件msgShopName是不固定的,讓prop不能與msgShopName保持一致.變成無(wú)法控制到.問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法相關(guān)代碼// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?
elementui prop 動(dòng)態(tài)驗(yàn)證
墨色風(fēng)雨
2018-08-18 20:20:16