element-ui添加表单时不能rules不能验证

Posted mmz-web

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui添加表单时不能rules不能验证相关的知识,希望对你有一定的参考价值。

element-ui 中,新添加的表单v-for不能rules验证,上代码:

<div v-for="(item,index) in arr">

    <el-from-item :prop="`arr.${index}.name`" :rules="{required:true,message:"请输入",trigger:"blur"}">

    <el-input v-model="item.name" placeholder="请输入"></el-input>

    <el-from-item>

</div>

:prop="`arr.${index}.name`"中arr为v-for绑定的数组,name为v-modle绑定的字段

以上是关于element-ui添加表单时不能rules不能验证的主要内容,如果未能解决你的问题,请参考以下文章

vue 中给element-ui rules 根据条件添加必选与非必选的校验

vue element-ui 的form表单验证rules

vue 中 Element-UI 表单验证的几种方法

element-ui使用form表单校验

Element-ui的表单中怎么添加正则校验

element-ui 表单组件的prop属性