element-ui的form表单验证如何给动态的prop

复制代码
<template>
    <el-form :model='queryForm' ref='queryForm'>
        <div v-for="(item,index) in queryForm.tags">
          <el-form-item :prop="`tags[${index}].name`" :rules='[{required:true,message:"请输入姓名",trigger:"blur"}]'>
           <el-input v-model="item.name"/>
          </el-form-item>
       </div>    
   </el-form>
</template>

export default {
    data(){
      return {
        queryForm:{
            id:1,
            tags:[{name:"风里来,雨里去"}]
         }
      }
    }
}
复制
复制代码

 

posted on   久居我梦  阅读(713)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示