html:?
<div class="strategy-name-box">
<div
class="strategy-item"
v-for="(item, index) in form.strategyList"
:key="index"
>
<div class="strategy-title">{{ item.nodeName }}</div>
<el-form-item
class="strategy-content"
v-for="(item1, index1) in item.inputPreConfig"
:label="'域名' + index"
:key="index1"
:prop="`strategyList[${index}].inputPreConfig[${index1}].value`"
:rules="{
required: true,
message: '域名不能為空',
trigger: 'blur',
}"
>
<el-input v-model="item1.value" />
</el-form-item>
</div>
</div>js:?文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-703045.html
form: {
taskTimeout: "",
cycleInterval: "",
cycleTime: "",
strategyList: [
{
nodeName: "",
inputPreConfig: [
{
name: "",
value: "",
},
],
},
{
nodeName: "",
inputPreConfig: [
{
name: "",
value: "",
},
],
},
],
},submit(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert(1111)
} else {
return false;
}
});
},詳細(xì)的大家可以參考：element ui form循環(huán)嵌套表單 及嵌套表單的驗(yàn)證方法（校驗(yàn)）_element循環(huán)表單_RxnNing的博客-CSDN博客文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-703045.html
到了這里，關(guān)于element ui form表單循環(huán)嵌套 及嵌套表單item的校驗(yàn)方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
