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 2022-10-12 10:46  久居我梦  阅读(691)  评论(0编辑  收藏  举报

导航